.pvl-root{--pvl-primary:#6f3bb5;--pvl-primary-dark:#2c1248;--pvl-deep:#160d24;--pvl-text:#2b1948;--pvl-muted:#756886;--pvl-soft:#f7f1fb;--pvl-soft-2:#f0e8f7;--pvl-white:#fff;--pvl-border:#e7dff0;--pvl-body-font:"Google Sans Flex","Google Sans",Arial,sans-serif;--pvl-heading-font:"Google Sans Flex","Google Sans",Arial,sans-serif;--pvl-container:1320px;--pvl-section-gap:28px;--pvl-card-gap:16px;--pvl-radius:22px;--pvl-button-radius:12px;--pvl-hero-min-height:590px;box-sizing:border-box;font-family:var(--pvl-body-font);color:var(--pvl-text);line-height:1.45}.pvl-root *,.pvl-root *:before,.pvl-root *:after{box-sizing:border-box;font-family:var(--pvl-body-font)!important}.pvl-root input,.pvl-root button,.pvl-root select,.pvl-root textarea{font-family:var(--pvl-body-font)!important}.pvl-root img{display:block;max-width:100%}.pvl-root a{text-decoration:none;color:inherit}.pvl-root h1,.pvl-root h2,.pvl-root h3,.pvl-root h4,.pvl-root p{margin-top:0}.pvl-container{width:min(calc(100% - 32px),var(--pvl-container));margin:0 auto}.pvl-home{background:#fff;padding-bottom:6px}.pvl-section{margin-top:var(--pvl-section-gap)}
.pvl-topbar{background:linear-gradient(90deg,#24103e,var(--pvl-primary-dark));color:#fff;font-size:12px;text-align:center;padding:8px 15px}.pvl-topbar a{color:#fff}.pvl-header{background:#fff;border-bottom:1px solid rgba(61,30,94,.06);z-index:99}.pvl-header.is-sticky{position:sticky;top:0}.pvl-header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.pvl-logo{width:190px;display:flex;align-items:center}.pvl-logo img{width:100%;max-height:58px;object-fit:contain;object-position:left center}.pvl-nav{display:flex;align-items:center;gap:38px;margin-left:auto;margin-right:auto}.pvl-nav a{font-size:14px;font-weight:600;color:#322544;transition:.2s}.pvl-nav a:hover{color:var(--pvl-primary)}.pvl-header-actions{display:flex;align-items:center;gap:16px}.pvl-icon-link{position:relative;width:26px;height:26px;display:grid;place-items:center;color:#493761}.pvl-icon-link svg{width:22px;height:22px}.pvl-custom-icon{width:22px;height:22px;object-fit:contain}.pvl-cart-count{position:absolute;right:-5px;top:-6px;background:var(--pvl-primary-dark);color:#fff;width:15px;height:15px;border-radius:0;font-size:9px;display:grid;place-items:center;font-weight:700}.pvl-mobile-toggle{display:none;border:0;background:transparent;width:32px;padding:0}.pvl-mobile-toggle span{display:block;height:2px;background:var(--pvl-text);margin:5px 0}.pvl-mobile-menu{display:none;background:#fff;border-top:1px solid var(--pvl-border);padding:10px 20px 18px}.pvl-mobile-menu a{display:block;padding:10px 0;font-weight:600}
.pvl-hero-section{margin-top:0}.pvl-hero{position:relative;overflow:hidden;min-height:var(--pvl-hero-min-height);border-radius:0;background:radial-gradient(circle at 85% 25%,rgba(140,96,188,.36),transparent 23%),radial-gradient(circle at 72% 55%,rgba(151,105,205,.23),transparent 23%),linear-gradient(100deg,#fff4ec 0%,#fbf4f3 48%,#d6c6df 100%);background-size:cover;background-position:center;background-repeat:no-repeat;display:grid;grid-template-columns:1.03fr .97fr;align-items:stretch}.pvl-hero:after{content:"";position:absolute;right:4%;top:10%;width:220px;height:220px;background:radial-gradient(circle,#a98acb 0 10%,transparent 11% 20%,#bba3d4 21% 23%,transparent 24%);opacity:.18;filter:blur(.2px);border-radius:0}.pvl-hero-copy{position:relative;z-index:2;padding:76px 48px 38px 72px;display:flex;flex-direction:column}.pvl-hero h1{font-family:var(--pvl-heading-font);font-size:clamp(46px,5vw,78px);line-height:.98;font-weight:500;letter-spacing:-.035em;max-width:610px;margin-bottom:24px}.pvl-hero h1 em{display:block;color:var(--pvl-primary);font-weight:500}.pvl-hero-copy>p{max-width:560px;color:#564766;font-size:17px;line-height:1.65;margin-bottom:26px}.pvl-button-row{display:flex;gap:14px;flex-wrap:wrap}.pvl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:0;font-size:14px;font-weight:700;transition:.2s;border:1px solid transparent}.pvl-btn:hover{transform:translateY(-1px)}.pvl-btn-primary{background:linear-gradient(135deg,var(--pvl-primary),#844cc3);color:#fff!important;box-shadow:0 8px 24px rgba(111,59,181,.2)}.pvl-btn-outline{border-color:#8d69bb;background:rgba(255,255,255,.5);color:var(--pvl-primary)!important}.pvl-hero-badges{margin-top:auto;padding-top:46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pvl-hero-badge{display:flex;gap:10px;align-items:center;border-right:1px solid rgba(84,56,110,.16);padding-right:10px}.pvl-hero-badge:last-child{border-right:0}.pvl-badge-icon{width:34px;height:34px;border:1px solid #b89bcd;border-radius:0;display:grid;place-items:center;color:var(--pvl-primary);flex:0 0 34px}.pvl-badge-icon svg{width:23px;height:23px}.pvl-hero-badge strong,.pvl-hero-badge small{display:block}.pvl-hero-badge strong{font-size:11px}.pvl-hero-badge small{font-size:10px;color:var(--pvl-muted)}.pvl-hero-media{position:relative;z-index:1;min-height:100%;overflow:hidden}.pvl-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center;padding:0}
.pvl-concerns-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pvl-card-gap)}.pvl-concern-card{min-height:245px;border-radius:0;overflow:hidden;background:linear-gradient(140deg,#faf6fb,#ece4f4);display:grid;grid-template-columns:1fr 1.1fr;position:relative}.pvl-concern-card:nth-child(2){background:linear-gradient(140deg,#f8f5f9,#e9def2)}.pvl-concern-card:nth-child(3){background:linear-gradient(140deg,#fbf8fa,#eee8f1)}.pvl-concern-card:nth-child(4){background:linear-gradient(140deg,#faf6fb,#ede4f4)}.pvl-concern-copy{padding:26px 0 24px 24px;position:relative;z-index:2}.pvl-concern-copy h3{font-family:var(--pvl-heading-font);font-size:21px;margin-bottom:8px}.pvl-concern-copy p{font-size:12px;line-height:1.5;color:#5f536b}.pvl-arrow{position:absolute;left:24px;bottom:22px;font-size:26px}.pvl-concern-card img{align-self:end;width:100%;height:100%;object-fit:contain;object-position:right bottom;transition:.25s}.pvl-concern-card:hover img{transform:scale(1.04)}
.pvl-signature-panel{border-radius:0;background:radial-gradient(circle at 30% 35%,rgba(139,87,192,.42),transparent 28%),linear-gradient(135deg,#4f2b70 0%,#2b173f 42%,#160d24 100%);padding:24px 26px 28px;color:#fff;overflow:hidden;position:relative}.pvl-signature-panel:before{content:"";position:absolute;left:25%;top:6%;width:250px;height:250px;border-radius:0;background:radial-gradient(circle,#9e7fc1 0 6%,transparent 7% 20%,rgba(157,124,193,.24) 21% 24%,transparent 25%);opacity:.38}.pvl-signature-top{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;min-height:470px;position:relative;z-index:2}.pvl-signature-image{align-self:stretch;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.pvl-signature-image img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center center}.pvl-signature-copy{padding:30px 55px 30px 20px}.pvl-kicker{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--pvl-primary);margin-bottom:10px}.pvl-signature-copy .pvl-kicker{color:#c8b1df}.pvl-signature-copy h2,.pvl-benefits-intro h2,.pvl-quiz-heading h2,.pvl-science-intro h2{font-family:var(--pvl-heading-font);font-size:clamp(38px,4vw,60px);font-weight:500;line-height:1.02;letter-spacing:-.025em;margin-bottom:20px}.pvl-signature-copy>p{color:#ded2e8;max-width:520px;font-size:15px;line-height:1.7}.pvl-bullet-list{display:grid;gap:12px;margin:22px 0 26px}.pvl-bullet-item{display:flex;align-items:center;gap:12px}.pvl-number-icon{width:30px;height:30px;border-radius:0;background:rgba(139,77,197,.34);display:grid;place-items:center;font-size:10px;color:#dfc9f5}.pvl-bullet-item strong,.pvl-bullet-item small{display:block}.pvl-bullet-item strong{font-size:13px}.pvl-bullet-item small{font-size:11px;color:#c9bbd4}.pvl-product-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:2}.pvl-product-card{background:#fbf8fc;color:var(--pvl-text);border-radius:0;padding:12px;position:relative;min-width:0;display:flex;flex-direction:column}.pvl-product-badge{position:absolute;z-index:2;top:10px;left:10px;border-radius:0;background:#eee2fa;color:var(--pvl-primary);font-size:9px;font-weight:800;padding:5px 7px}.pvl-product-image{height:170px;display:flex;align-items:center;justify-content:center}.pvl-product-image img{max-height:150px;object-fit:contain;transition:.2s}.pvl-product-card:hover .pvl-product-image img{transform:translateY(-4px)}.pvl-product-info{display:flex;flex-direction:column;flex:1}.pvl-product-info h3{font-size:13px;line-height:1.3;margin:2px 0 7px}.pvl-product-info p{font-size:10px;line-height:1.45;color:var(--pvl-muted);min-height:30px;margin-bottom:8px}.pvl-price{font-size:16px;margin-bottom:12px}.pvl-product-button{margin-top:auto;display:flex;align-items:center;justify-content:center;background:var(--pvl-primary);color:#fff!important;min-height:34px;border-radius:0;font-size:11px;font-weight:700}
.pvl-benefits-panel{position:relative;border-radius:0;background:linear-gradient(100deg,#fbf8fc,#f2ebf7);padding:34px;display:grid;grid-template-columns:1.15fr 3.85fr;gap:18px;align-items:stretch}.pvl-benefits-intro{padding:10px 8px 10px 6px}.pvl-benefits-intro h2{font-size:42px;color:#38214f}.pvl-benefits-intro p{font-size:13px;line-height:1.65;color:var(--pvl-muted);margin-bottom:24px}.pvl-benefit-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pvl-benefit-card{position:relative;overflow:hidden;min-height:250px;background:rgba(255,255,255,.55);border:1px solid rgba(118,77,150,.08);border-radius:0;padding:18px 12px 12px;display:grid;grid-template-columns:1.1fr .9fr}.pvl-benefit-card h3{font-size:12px;margin-bottom:5px}.pvl-benefit-card p{font-size:9px;line-height:1.45;color:var(--pvl-muted);min-height:42px}.pvl-benefit-card strong{display:block;color:var(--pvl-primary);font-size:23px;margin-top:14px}.pvl-benefit-card small{font-size:8px;color:var(--pvl-muted)}.pvl-benefit-card img{align-self:end;width:100%;max-height:155px;object-fit:contain}.pvl-round-arrow{position:absolute;bottom:13px;left:12px;width:23px;height:23px;border-radius:0;display:grid;place-items:center;background:#ede5f5;color:var(--pvl-primary);font-size:17px}.pvl-clinical-note{position:absolute;bottom:6px;left:54%;font-size:8px;color:#94889d}
.pvl-quiz-panel{min-height:470px;display:grid;grid-template-columns:.92fr 1.08fr;border-radius:0;overflow:hidden;background:linear-gradient(120deg,#8c768d,#b59daf)}.pvl-quiz-image{min-height:470px;background:#604c64}.pvl-quiz-image img{width:100%;height:100%;object-fit:cover}.pvl-quiz-content{padding:42px 40px;color:#fff;display:flex;flex-direction:column}.pvl-quiz-heading h2{font-size:38px;margin-bottom:8px}.pvl-quiz-heading p{font-size:13px}.pvl-quiz-cards{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.pvl-quiz-card,.pvl-testimonial-card{border-radius:0;background:#fcf9fb;color:var(--pvl-text);padding:22px;display:flex;flex-direction:column}.pvl-quiz-card-icon{margin-left:auto;width:34px;height:34px;border:1px solid var(--pvl-border);border-radius:0;display:grid;place-items:center;color:var(--pvl-primary)}.pvl-quiz-card h3{font-family:var(--pvl-heading-font);font-size:24px;margin:0 0 10px}.pvl-quiz-card p{font-size:11px;line-height:1.55;color:var(--pvl-muted);margin-bottom:18px}.pvl-quiz-card .pvl-btn{align-self:flex-start;min-height:38px;padding:0 18px;font-size:11px}.pvl-quiz-card small{font-size:9px;color:var(--pvl-muted);margin-top:10px}.pvl-stars{letter-spacing:3px;color:var(--pvl-primary);font-size:14px;margin-bottom:14px}.pvl-testimonial-card blockquote{margin:0;font-family:var(--pvl-heading-font);font-size:19px;line-height:1.45;color:#4f4059}.pvl-reviewer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px}.pvl-reviewer img{width:38px;height:38px;border-radius:0;object-fit:cover}.pvl-reviewer strong,.pvl-reviewer small{display:block}.pvl-reviewer strong{font-size:11px}.pvl-reviewer small{font-size:9px;color:var(--pvl-muted)}
.pvl-science-grid{display:grid;grid-template-columns:1.1fr 3.9fr;gap:20px}.pvl-science-intro{padding:28px 12px}.pvl-science-intro h2{font-size:42px}.pvl-science-intro p{font-size:13px;line-height:1.7;color:var(--pvl-muted);max-width:300px}.pvl-science-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pvl-science-card{min-height:300px;border:1px solid var(--pvl-border);border-radius:0;padding:20px 16px;position:relative;overflow:hidden;background:#fff}.pvl-science-icon{width:31px;height:31px;border-radius:0;background:var(--pvl-primary);color:#fff;display:grid;place-items:center;margin-bottom:20px}.pvl-science-icon svg{width:18px;height:18px}.pvl-science-card h3{font-size:12px;margin-bottom:8px}.pvl-science-card p{font-size:10px;line-height:1.5;color:var(--pvl-muted);min-height:48px}.pvl-science-card strong{font-size:10px;color:var(--pvl-primary);position:relative;z-index:2}.pvl-science-card>img{position:absolute;right:-4px;bottom:-5px;width:65%;max-height:135px;object-fit:contain;object-position:right bottom;opacity:.92}
.pvl-trust-strip{background:linear-gradient(90deg,#f9f5fb,#f3ebf7);border-radius:0;min-height:98px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:18px 12px}.pvl-trust-item{display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid #ded3e7;padding:0 18px}.pvl-trust-item:last-child{border-right:0}.pvl-trust-item>span{width:38px;height:38px;color:var(--pvl-primary);display:grid;place-items:center}.pvl-trust-item svg{width:30px;height:30px}.pvl-trust-item strong,.pvl-trust-item small{display:block}.pvl-trust-item strong{font-size:12px}.pvl-trust-item small{font-size:10px;color:var(--pvl-muted)}
.pvl-footer{margin-top:18px;background:radial-gradient(circle at 95% 35%,rgba(107,70,145,.22),transparent 18%),linear-gradient(135deg,#21122e,#130b1d);color:#fff;position:relative;overflow:hidden;padding:42px 0 18px}.pvl-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.75fr) 1.25fr;gap:30px;position:relative;z-index:2}.pvl-footer h3,.pvl-footer h4{font-size:13px;margin-bottom:16px}.pvl-footer p,.pvl-footer a{color:#c8bdcf;font-size:10px;line-height:1.6}.pvl-footer-about p{max-width:210px}.pvl-socials{display:flex;gap:10px;margin-top:20px}.pvl-socials a{width:28px;height:28px;display:grid;place-items:center;color:#fff}.pvl-socials svg{width:20px;height:20px}.pvl-footer-column a{display:block;margin:5px 0}.pvl-footer-newsletter p{max-width:250px}.pvl-footer-newsletter form{margin-top:14px;display:grid;grid-template-columns:1fr;gap:8px}.pvl-footer-newsletter input{width:100%;height:40px;border:1px solid #6f5d7d;background:transparent;border-radius:0;padding:0 12px;color:#fff;font-size:11px}.pvl-footer-newsletter button{justify-self:start;border:0;background:var(--pvl-primary);color:#fff;border-radius:0;min-height:36px;padding:0 22px;font-size:11px;font-weight:700}.pvl-footer-wordmark{font-family:var(--pvl-heading-font);font-size:clamp(90px,15vw,240px);line-height:.75;color:rgba(255,255,255,.07);text-align:center;margin-top:18px;white-space:nowrap;letter-spacing:-.04em;user-select:none}.pvl-footer-bottom{position:relative;z-index:2;display:flex;justify-content:center;gap:18px;align-items:center;color:#6f6376;font-size:9px;margin-top:-5px}.pvl-footer-legal{display:flex;gap:18px}.pvl-footer-legal a{font-size:9px;color:#6f6376}
@media (max-width:1100px){.pvl-nav{gap:22px}.pvl-hero{grid-template-columns:1fr .9fr}.pvl-hero-copy{padding-left:44px}.pvl-hero h1{font-size:58px}.pvl-concern-card{grid-template-columns:1fr;min-height:250px}.pvl-concern-card img{position:absolute;right:-15px;bottom:0;width:62%;height:65%}.pvl-product-row{grid-template-columns:repeat(3,1fr)}.pvl-benefits-panel{grid-template-columns:1fr}.pvl-benefit-cards{grid-template-columns:repeat(4,1fr)}.pvl-clinical-note{position:static;grid-column:1/-1;text-align:center}.pvl-science-grid{grid-template-columns:1fr}.pvl-science-intro{padding-bottom:0}.pvl-footer-grid{grid-template-columns:1.25fr repeat(3,.7fr);}.pvl-footer-newsletter{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.pvl-footer-newsletter form{grid-template-columns:1fr auto;align-items:start}.pvl-footer-newsletter button{height:40px}}
@media (max-width:900px){.pvl-header-inner{height:76px}.pvl-logo{width:165px}.pvl-nav{display:none}.pvl-mobile-toggle{display:block}.pvl-header-actions{margin-left:auto}.pvl-mobile-menu.is-open{display:block}.pvl-hero{grid-template-columns:1fr;min-height:auto}.pvl-hero-copy{padding:50px 32px 24px}.pvl-hero h1{font-size:clamp(46px,9vw,68px)}.pvl-hero-media{height:420px}.pvl-hero-media img{padding-top:0}.pvl-hero-badges{padding-top:35px}.pvl-concerns-grid{grid-template-columns:repeat(2,1fr)}.pvl-signature-top{grid-template-columns:1fr}.pvl-signature-image{height:390px}.pvl-signature-copy{padding:0 20px 28px}.pvl-product-row{grid-template-columns:repeat(2,1fr)}.pvl-benefit-cards{grid-template-columns:repeat(2,1fr)}.pvl-quiz-panel{grid-template-columns:1fr}.pvl-quiz-image{height:420px}.pvl-science-cards{grid-template-columns:repeat(2,1fr)}.pvl-trust-strip{grid-template-columns:repeat(2,1fr);gap:12px}.pvl-trust-item:nth-child(2){border-right:0}.pvl-footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:24px}.pvl-footer-about{grid-column:1/-1}.pvl-footer-about p{max-width:500px}}
@media (max-width:620px){.pvl-container{width:min(calc(100% - 20px),var(--pvl-container))}.pvl-section{margin-top:16px}.pvl-topbar{font-size:10px}.pvl-header-inner{height:70px;gap:10px}.pvl-logo{width:145px}.pvl-header-actions{gap:10px}.pvl-icon-link{width:22px}.pvl-icon-link:nth-child(1),.pvl-icon-link:nth-child(2){display:none}.pvl-hero{border-radius:0}.pvl-hero-copy{padding:38px 22px 18px}.pvl-hero h1{font-size:46px;max-width:100%;margin-bottom:18px}.pvl-hero-copy>p{font-size:14px;line-height:1.6}.pvl-button-row{display:grid;grid-template-columns:1fr}.pvl-btn{width:100%}.pvl-hero-badges{grid-template-columns:1fr;gap:10px;padding-top:30px}.pvl-hero-badge{border-right:0;border-bottom:1px solid rgba(84,56,110,.12);padding-bottom:9px}.pvl-hero-badge:last-child{border-bottom:0}.pvl-hero-media{height:300px}.pvl-concerns-grid{grid-template-columns:1fr}.pvl-concern-card{min-height:190px;grid-template-columns:1.2fr .8fr}.pvl-concern-card img{position:static;width:100%;height:100%}.pvl-signature-panel{padding:14px;border-radius:0}.pvl-signature-image{height:300px}.pvl-signature-copy{padding:0 6px 22px}.pvl-signature-copy h2,.pvl-benefits-intro h2,.pvl-quiz-heading h2,.pvl-science-intro h2{font-size:36px}.pvl-product-row{grid-template-columns:1fr 1fr;gap:8px}.pvl-product-image{height:120px}.pvl-product-image img{max-height:110px}.pvl-product-info h3{font-size:12px}.pvl-benefits-panel{padding:22px 14px;border-radius:0}.pvl-benefit-cards{grid-template-columns:1fr 1fr;gap:8px}.pvl-benefit-card{min-height:220px;padding:14px 10px}.pvl-benefit-card strong{font-size:20px}.pvl-quiz-panel{border-radius:0}.pvl-quiz-image{height:330px;min-height:330px}.pvl-quiz-content{padding:28px 16px}.pvl-quiz-cards{grid-template-columns:1fr}.pvl-quiz-card,.pvl-testimonial-card{min-height:260px}.pvl-science-grid{gap:8px}.pvl-science-intro{padding:18px 6px}.pvl-science-cards{grid-template-columns:1fr 1fr;gap:8px}.pvl-science-card{min-height:260px;padding:16px 12px}.pvl-trust-strip{grid-template-columns:1fr;padding:10px 14px}.pvl-trust-item{justify-content:flex-start;border-right:0;border-bottom:1px solid #ded3e7;padding:12px}.pvl-trust-item:last-child{border-bottom:0}.pvl-footer{padding-top:30px}.pvl-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.pvl-footer-about,.pvl-footer-newsletter{grid-column:1/-1}.pvl-footer-newsletter{display:block}.pvl-footer-newsletter form{grid-template-columns:1fr}.pvl-footer-wordmark{font-size:26vw;margin-top:32px}.pvl-footer-bottom{flex-direction:column;text-align:center}.pvl-footer-legal{flex-wrap:wrap;justify-content:center}}
/* v1.0.4 — HERO IMAGE AS FULL BACKGROUND
The Hero product image now fills the complete hero panel instead of only
occupying the right column. The copy remains above the image. */
.pvl-root .pvl-hero {
position: relative;
isolation: isolate;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.pvl-root .pvl-hero .pvl-hero-media {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
z-index: 0 !important;
}
.pvl-root .pvl-hero .pvl-hero-media img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center center !important;
padding: 0 !important;
margin: 0 !important;
}
/* Keep the text readable while the image still spans edge-to-edge. */
.pvl-root .pvl-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(255, 247, 242, .98) 0%,
rgba(255, 247, 242, .94) 37%,
rgba(255, 247, 242, .65) 50%,
rgba(255, 247, 242, .12) 66%,
rgba(255, 247, 242, 0) 78%
);
}
.pvl-root .pvl-hero .pvl-hero-copy {
position: relative;
z-index: 2;
}
/* Existing decorative layer must stay behind the copy. */
.pvl-root .pvl-hero::after {
z-index: 1;
pointer-events: none;
}
@media (max-width: 900px) {
.pvl-root .pvl-hero {
min-height: 620px;
}
.pvl-root .pvl-hero::before {
background: linear-gradient(
180deg,
rgba(255, 247, 242, .98) 0%,
rgba(255, 247, 242, .91) 52%,
rgba(255, 247, 242, .45) 72%,
rgba(255, 247, 242, .05) 100%
);
}
}
@media (max-width: 620px) {
.pvl-root .pvl-hero {
min-height: 610px;
}
.pvl-root .pvl-hero .pvl-hero-copy {
min-height: 610px;
}
}
/* v1.0.5 — OUR SIGNATURE IMAGE AS FULL BACKGROUND
Match the hero treatment: the Signature feature image fills the complete
top Signature area with cover/center positioning, while the copy stays
layered above it. The product cards below are unchanged. */
.pvl-root .pvl-signature-top {
position: relative;
isolation: isolate;
overflow: hidden;
min-height: 470px;
display: block;
}
.pvl-root .pvl-signature-top .pvl-signature-image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
z-index: 0 !important;
display: block !important;
}
.pvl-root .pvl-signature-top .pvl-signature-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
padding: 0 !important;
margin: 0 !important;
}
/* Dark readability layer on the text side while keeping the image full-width. */
.pvl-root .pvl-signature-top::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(22, 13, 36, .08) 0%,
rgba(22, 13, 36, .24) 42%,
rgba(22, 13, 36, .78) 65%,
rgba(22, 13, 36, .96) 100%
);
}
.pvl-root .pvl-signature-top .pvl-signature-copy {
position: relative;
z-index: 2;
width: 46%;
margin-left: auto;
min-height: 470px;
padding: 54px 55px 46px 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 900px) {
.pvl-root .pvl-signature-top {
min-height: 600px;
}
.pvl-root .pvl-signature-top::after {
background: linear-gradient(
180deg,
rgba(22, 13, 36, .10) 0%,
rgba(22, 13, 36, .24) 35%,
rgba(22, 13, 36, .82) 65%,
rgba(22, 13, 36, .97) 100%
);
}
.pvl-root .pvl-signature-top .pvl-signature-copy {
width: 100%;
min-height: 600px;
margin-left: 0;
padding: 250px 30px 38px;
justify-content: flex-end;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-signature-top {
min-height: 560px;
border-radius:0;
}
.pvl-root .pvl-signature-top .pvl-signature-copy {
min-height: 560px;
padding: 220px 14px 28px;
}
}
/* v1.0.7 — OUR SIGNATURE: KEEP ROUNDED PANEL, BLEED BACKGROUND IMAGE TO EDGES
Preserve the original rounded Signature panel and normal page container.
Only the top background-image area is extended through the panel padding so
the image reaches the rounded outer edges. Product-card spacing stays intact. */
.pvl-root .pvl-signature-section .pvl-signature-panel {
border-radius:0 !important;
padding: 24px 26px 28px !important;
overflow: hidden !important;
}
.pvl-root .pvl-signature-section .pvl-signature-top {
margin: -24px -26px 24px !important;
border-radius:0 !important;
overflow: hidden !important;
}
@media (max-width: 620px) {
.pvl-root .pvl-signature-section .pvl-signature-panel {
border-radius:0 !important;
padding: 14px !important;
}
.pvl-root .pvl-signature-section .pvl-signature-top {
margin: -14px -14px 14px !important;
border-radius:0 !important;
}
}
/* v1.0.8 — SKINCARE THAT UNDERSTANDS YOU AS BACKGROUND IMAGE
Make the quiz/model image fill the whole section background, while the
content panel stays layered above it and readable. */
.pvl-root .pvl-quiz-panel {
position: relative;
isolation: isolate;
display: block !important;
overflow: hidden;
min-height: 470px;
}
.pvl-root .pvl-quiz-panel .pvl-quiz-image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
z-index: 0 !important;
}
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center center !important;
}
.pvl-root .pvl-quiz-panel::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(54, 37, 60, .06) 0%,
rgba(54, 37, 60, .16) 38%,
rgba(54, 37, 60, .52) 56%,
rgba(54, 37, 60, .82) 72%,
rgba(54, 37, 60, .96) 100%
);
}
.pvl-root .pvl-quiz-panel .pvl-quiz-content {
position: relative;
z-index: 2;
width: 56%;
margin-left: auto;
min-height: 470px;
padding: 42px 40px;
display: flex;
flex-direction: column;
justify-content: center;
background: transparent !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-quiz-panel {
min-height: 640px;
}
.pvl-root .pvl-quiz-panel::before {
background: linear-gradient(
180deg,
rgba(54, 37, 60, .06) 0%,
rgba(54, 37, 60, .18) 32%,
rgba(54, 37, 60, .64) 58%,
rgba(54, 37, 60, .88) 76%,
rgba(54, 37, 60, .97) 100%
);
}
.pvl-root .pvl-quiz-panel .pvl-quiz-content {
width: 100%;
margin-left: 0;
min-height: 640px;
padding: 260px 30px 38px;
justify-content: flex-end;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-quiz-panel {
min-height: 590px;
}
.pvl-root .pvl-quiz-panel .pvl-quiz-content {
min-height: 590px;
padding: 220px 16px 28px;
}
}
/* v1.0.9 — QUIZ MODEL IMAGE FULL / HEAD NOT CROPPED
Keep the section as a background-style image treatment, but do not crop
the model's head. Show the full image by fitting it inside the panel. */
.pvl-root .pvl-quiz-panel .pvl-quiz-image {
background: linear-gradient(120deg,#8c768d,#b59daf) !important;
}
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
object-fit: contain !important;
object-position: left center !important;
width: 100% !important;
height: 100% !important;
padding: 18px 0 0 18px !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
object-position: center top !important;
padding: 18px 18px 0 18px !important;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
padding: 12px 12px 0 12px !important;
}
}
/* v1.0.10 — QUIZ IMAGE FULL COVER BUT KEEP THE HEAD VISIBLE
The section should stay full-cover, but the crop must be adjusted so the
woman's head is not cut off. Crop from the lower area instead. */
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
object-fit: cover !important;
object-position: left top !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
object-position: center top !important;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
object-position: center top !important;
}
}
/* v1.0.11 — WIDER QUIZ IMAGE CANVAS FOR FULL-COVER + HEAD VISIBLE
The source artwork canvas is widened so the full-cover treatment can stay,
while showing more of the woman without cutting the head. */
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
object-fit: cover !important;
object-position: left top !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-quiz-panel .pvl-quiz-image img {
object-position: 28% top !important;
}
}
/* v1.0.12 — OUR SIGNATURE BACKGROUND COVER FLUSH TO PRODUCT CARDS
Keep the rounded panel and cover image, but remove the bottom gap so the
background section reaches directly to the product cards. */
.pvl-root .pvl-signature-section .pvl-signature-top {
margin: -24px -26px 0 !important;
}
.pvl-root .pvl-signature-section .pvl-product-row {
position: relative;
z-index: 3;
margin-top: 0 !important;
}
@media (max-width: 620px) {
.pvl-root .pvl-signature-section .pvl-signature-top {
margin: -14px -14px 0 !important;
}
}
/* v1.0.13 — LOWER THE OUR SIGNATURE BACKGROUND IMAGE
Reposition the cover image so the product artwork sits lower and more of the
product remains visible above the product-card row. */
.pvl-root .pvl-signature-top .pvl-signature-image img {
object-fit: cover !important;
object-position: 34% 72% !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-signature-top .pvl-signature-image img {
object-position: 40% 68% !important;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-signature-top .pvl-signature-image img {
object-position: 42% 66% !important;
}
}
/* v1.0.14 — OUR SIGNATURE IMAGE ACTUALLY MOVED LOWER
Previous positioning still kept the artwork too high. This override shifts
the visible crop upward so the products themselves sit lower in the panel
and are more fully visible above the product cards. */
.pvl-root .pvl-signature-top .pvl-signature-image img {
object-fit: cover !important;
object-position: 34% 18% !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-signature-top .pvl-signature-image img {
object-position: 38% 16% !important;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-signature-top .pvl-signature-image img {
object-position: 40% 14% !important;
}
}
/* v1.0.15 — SCIENCE MEETS YOU ICON VISIBILITY FIX
Keep uploaded/custom icons above decorative artwork and force predictable
sizing/display. A built-in science icon is available as a fallback if a
custom icon image cannot load. */
.pvl-root .pvl-science-card .pvl-science-icon {
position: relative !important;
z-index: 5 !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
display: grid !important;
place-items: center !important;
overflow: hidden !important;
}
.pvl-root .pvl-science-card .pvl-science-icon > svg,
.pvl-root .pvl-science-card .pvl-science-icon .pvl-science-custom-icon,
.pvl-root .pvl-science-card .pvl-science-icon .pvl-custom-icon {
position: static !important;
display: block !important;
width: 22px !important;
height: 22px !important;
max-width: 22px !important;
max-height: 22px !important;
object-fit: contain !important;
opacity: 1 !important;
visibility: visible !important;
margin: 0 !important;
padding: 0 !important;
}
.pvl-root .pvl-science-card .pvl-science-icon-fallback {
display: none;
width: 100%;
height: 100%;
place-items: center;
color: #fff;
}
.pvl-root .pvl-science-card .pvl-science-icon-fallback svg {
width: 22px !important;
height: 22px !important;
display: block !important;
}
/* Ensure the decorative card image never sits on top of the icon/content. */
.pvl-root .pvl-science-card > img {
z-index: 0 !important;
pointer-events: none !important;
}
.pvl-root .pvl-science-card > h3,
.pvl-root .pvl-science-card > p,
.pvl-root .pvl-science-card > strong {
position: relative;
z-index: 2;
}
/* v1.0.16 — FRONTEND RENDERING STABILITY
Keep mobile navigation hidden until it is explicitly opened and reduce
stale UI state when pages are restored from browser cache. */
.pvl-root .pvl-mobile-menu:not(.is-open) {
display: none !important;
}
.pvl-root img {
height: auto;
}
/* v1.0.17 — TRUE FULL-WIDTH LAYOUT
Break the shortcode output out of theme/page-builder boxed containers and
remove the plugin's own max-width cap. This keeps the layout edge-to-edge
on WordPress, Elementor, Gutenberg, and most theme content wrappers. */
.pvl-root {
position: relative;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow-x: clip;
}
.pvl-root .pvl-container {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Remove common page-builder/theme width restrictions immediately around the
shortcode output without changing unrelated site sections. */
.elementor-widget-shortcode:has(> .elementor-widget-container > .pvl-root),
.elementor-widget-shortcode:has(.pvl-root),
.wp-block-shortcode:has(.pvl-root) {
max-width: none !important;
width: 100% !important;
}
/* Maintain deliberate internal spacing for navigation/footer content while
feature panels and section backgrounds remain genuinely full width. */
.pvl-root .pvl-header-inner,
.pvl-root .pvl-footer-grid,
.pvl-root .pvl-footer-bottom,
.pvl-root .pvl-trust-strip {
padding-left: clamp(16px, 2.2vw, 36px);
padding-right: clamp(16px, 2.2vw, 36px);
}
@media (max-width: 620px) {
.pvl-root {
width: 100vw !important;
max-width: 100vw !important;
}
.pvl-root .pvl-container {
width: 100% !important;
}
}
/* v1.0.18 — REMOVE BORDER RADIUS
All Peptivex front-end elements use square corners. */
.pvl-root, .pvl-root * { border-radius: 0 !important; }
/* v1.0.19 — INCREASE FEATURE BANNER HEIGHTS
Give the Hero, OUR SIGNATURE, and Skincare quiz banners more vertical
presence while preserving the existing full-cover image positioning. */
.pvl-root .pvl-hero {
min-height: 700px !important;
}
.pvl-root .pvl-hero .pvl-hero-copy {
min-height: 700px;
}
.pvl-root .pvl-signature-top,
.pvl-root .pvl-signature-top .pvl-signature-copy {
min-height: 580px !important;
}
.pvl-root .pvl-quiz-panel,
.pvl-root .pvl-quiz-panel .pvl-quiz-content {
min-height: 580px !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-hero,
.pvl-root .pvl-hero .pvl-hero-copy {
min-height: 700px !important;
}
.pvl-root .pvl-signature-top,
.pvl-root .pvl-signature-top .pvl-signature-copy {
min-height: 660px !important;
}
.pvl-root .pvl-quiz-panel,
.pvl-root .pvl-quiz-panel .pvl-quiz-content {
min-height: 700px !important;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-hero,
.pvl-root .pvl-hero .pvl-hero-copy {
min-height: 660px !important;
}
.pvl-root .pvl-signature-top,
.pvl-root .pvl-signature-top .pvl-signature-copy {
min-height: 610px !important;
}
.pvl-root .pvl-quiz-panel,
.pvl-root .pvl-quiz-panel .pvl-quiz-content {
min-height: 640px !important;
}
}
/* v1.0.20 — OUR SIGNATURE IMAGE FULL BLEED THROUGH PRODUCT ROW
Extend the Signature background image through the entire panel, including
behind the product cards, and increase the visual banner height further. */
.pvl-root .pvl-signature-section .pvl-signature-panel {
position: relative !important;
isolation: isolate !important;
overflow: hidden !important;
}
.pvl-root .pvl-signature-section .pvl-signature-panel::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(22, 13, 36, .10) 0%,
rgba(22, 13, 36, .22) 34%,
rgba(22, 13, 36, .72) 62%,
rgba(22, 13, 36, .94) 100%
);
}
.pvl-root .pvl-signature-section .pvl-signature-top {
position: static !important;
min-height: 700px !important;
}
.pvl-root .pvl-signature-section .pvl-signature-top .pvl-signature-image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 0 !important;
}
.pvl-root .pvl-signature-section .pvl-signature-top .pvl-signature-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: 34% 18% !important;
}
.pvl-root .pvl-signature-section .pvl-signature-top,
.pvl-root .pvl-signature-section .pvl-signature-copy,
.pvl-root .pvl-signature-section .pvl-product-row {
position: relative !important;
z-index: 2 !important;
}
.pvl-root .pvl-signature-section .pvl-signature-copy {
min-height: 700px !important;
}
@media (max-width: 900px) {
.pvl-root .pvl-signature-section .pvl-signature-panel::after {
background: linear-gradient(
180deg,
rgba(22, 13, 36, .08) 0%,
rgba(22, 13, 36, .18) 30%,
rgba(22, 13, 36, .70) 58%,
rgba(22, 13, 36, .95) 100%
);
}
.pvl-root .pvl-signature-section .pvl-signature-top,
.pvl-root .pvl-signature-section .pvl-signature-copy {
min-height: 760px !important;
}
.pvl-root .pvl-signature-section .pvl-signature-top .pvl-signature-image img {
object-position: 38% 16% !important;
}
}
@media (max-width: 620px) {
.pvl-root .pvl-signature-section .pvl-signature-top,
.pvl-root .pvl-signature-section .pvl-signature-copy {
min-height: 700px !important;
}
.pvl-root .pvl-signature-section .pvl-signature-top .pvl-signature-image img {
object-position: 40% 14% !important;
}
}
/* v1.0.21 — SMALL LEFT/RIGHT PAGE GUTTERS
Keep the layout visually full-width while adding a small amount of breathing
room on both sides of the main homepage sections. */
.pvl-root.pvl-home .pvl-section > .pvl-container {
width: calc(100% - 32px) !important;
max-width: none !important;
margin-left: 16px !important;
margin-right: 16px !important;
}
@media (max-width: 620px) {
.pvl-root.pvl-home .pvl-section > .pvl-container {
width: calc(100% - 20px) !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
}
/* v1.0.23 — CONSISTENT, STANDARD-SIZE PRODUCT BOTTLES */
.pvl-root .pvl-product-image {
height: 190px;
overflow: hidden;
}
.pvl-root .pvl-product-image img {
width: 100%;
height: 170px;
max-width: none;
max-height: none;
object-fit: contain;
transform: scale(1.35);
transform-origin: center center;
}
.pvl-root .pvl-product-card:hover .pvl-product-image img {
transform: translateY(-4px) scale(1.38);
}
@media (max-width: 620px) {
.pvl-root .pvl-product-image {
height: 135px;
}
.pvl-root .pvl-product-image img {
height: 125px;
transform: scale(1.28);
}
.pvl-root .pvl-product-card:hover .pvl-product-image img {
transform: translateY(-3px) scale(1.31);
}
}
/* v1.0.24 — HIMS-STYLE CENTERED PAGE SPACING
Match the desktop outer spacing visible on Hims: feature sections stay
full-bleed inside a centered content frame capped at 1440px. On a ~1600px
viewport this produces roughly 74px white space on each side, while smaller
screens keep practical safety gutters. */
.pvl-root.pvl-home .pvl-section > .pvl-container {
width: calc(100% - 32px) !important;
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 620px) {
.pvl-root.pvl-home .pvl-section > .pvl-container {
width: calc(100% - 20px) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/* v1.0.25 — ROUNDED FEATURE BANNERS
Restore rounded corners only on the three main homepage banners while
leaving cards, buttons, badges and other UI elements unchanged. The radius
follows the plugin's editable global radius setting (22px by default). */
.pvl-root .pvl-hero,
.pvl-root .pvl-signature-section .pvl-signature-panel,
.pvl-root .pvl-quiz-panel {
border-radius: var(--pvl-radius, 22px) !important;
overflow: hidden !important;
}
@media (max-width: 620px) {
.pvl-root .pvl-hero,
.pvl-root .pvl-signature-section .pvl-signature-panel,
.pvl-root .pvl-quiz-panel {
border-radius: 18px !important;
}
}
/* v1.0.26 — MATCH HIMS DESKTOP BANNER WIDTH
Hims' desktop feature panels in the supplied references measure exactly
90vw (e.g. 1440px on a 1600px viewport and 1728px on a 1920px viewport).
Use viewport width rather than a fixed max-width so the side spacing scales
exactly like the Hims reference. Keep the rounded-banner treatment. */
@media (min-width: 901px) {
.pvl-root.pvl-home .pvl-section > .pvl-container {
width: 90vw !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 621px) and (max-width: 900px) {
.pvl-root.pvl-home .pvl-section > .pvl-container {
width: calc(100% - 24px) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/* v1.0.27 — 30PX RADIUS FOR ALL HOMEPAGE CTA BUTTONS
Apply a consistent pill-style 30px radius to every standard CTA button
used across the homepage banner/feature sections. Product-card buttons
remain unchanged. */
.pvl-root.pvl-home .pvl-btn {
border-radius: 30px !important;
}
/* v1.0.29 — FULL-WIDTH FOOTER BACKGROUND + BANNER-ALIGNED CONTENT
The footer color/background stays edge-to-edge across the viewport. Only
the footer's inner content is constrained to the same left/right edges as
the homepage banners. */
.pvl-root.pvl-footer {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
@media (min-width: 901px) {
.pvl-root.pvl-footer .pvl-footer-grid,
.pvl-root.pvl-footer .pvl-footer-bottom,
.pvl-root.pvl-footer .pvl-footer-wordmark {
width: 90vw !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 621px) and (max-width: 900px) {
.pvl-root.pvl-footer .pvl-footer-grid,
.pvl-root.pvl-footer .pvl-footer-bottom,
.pvl-root.pvl-footer .pvl-footer-wordmark {
width: calc(100% - 24px) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 620px) {
.pvl-root.pvl-footer .pvl-footer-grid,
.pvl-root.pvl-footer .pvl-footer-bottom,
.pvl-root.pvl-footer .pvl-footer-wordmark {
width: calc(100% - 20px) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/* v1.0.30 — REMOVE HORIZONTAL PAGE SCROLLBAR
The full-bleed 100vw sections can extend by the browser scrollbar width.
Clip only horizontal page overflow so the bottom scrollbar never appears. */
html, body {
overflow-x: clip !important;
max-width: 100% !important;
}
.pvl-root,
.pvl-root.pvl-footer {
overflow-x: clip !important;
}
/* v1.0.31 — HARD REMOVE BOTTOM HORIZONTAL SCROLLBAR
Prevent any Peptivex full-bleed element from creating page-level horizontal overflow. */
html, body {
overflow-x: hidden !important;
}
.pvl-root,
.pvl-root.pvl-footer {
overflow-x: hidden !important;
}
@supports (overflow: clip) {
html, body {
overflow-x: clip !important;
}
}
/* v1.0.32 — SCIENCE CARD ICONS: FORCE VISIBLE
Keep both built-in SVGs and uploaded icon images clearly visible on the
purple icon tile, even when themes/page builders override SVG colors. */
.pvl-root .pvl-science-card .pvl-science-icon {
background: var(--pvl-primary) !important;
color: #fff !important;
}
.pvl-root .pvl-science-card .pvl-science-icon > svg,
.pvl-root .pvl-science-card .pvl-science-icon-fallback svg {
color: #fff !important;
fill: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.pvl-root .pvl-science-card .pvl-science-icon > svg *,
.pvl-root .pvl-science-card .pvl-science-icon-fallback svg * {
stroke: #fff !important;
opacity: 1 !important;
visibility: visible !important;
}
.pvl-root .pvl-science-card .pvl-science-icon .pvl-science-custom-icon,
.pvl-root .pvl-science-card .pvl-science-icon .pvl-custom-icon {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
filter: brightness(0) invert(1) !important;
}
/* v1.0.33 — SCIENCE CARD ICONS: guaranteed rendering
Use CSS background SVGs on ::before so theme/page-builder SVG rules and
broken media URLs cannot make these four icons disappear. */
.pvl-root .pvl-science-card .pvl-science-icon {
position: relative !important;
isolation: isolate !important;
overflow: visible !important;
}
.pvl-root .pvl-science-card .pvl-science-icon::before {
content: "" !important;
display: block !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 22px 22px !important;
opacity: 1 !important;
visibility: visible !important;
position: relative !important;
z-index: 20 !important;
}
/* Hide legacy inline/icon-image content here; the guaranteed icon below is
intentionally independent from WordPress media URLs and global SVG CSS. */
.pvl-root .pvl-science-card .pvl-science-icon > svg,
.pvl-root .pvl-science-card .pvl-science-icon > img,
.pvl-root .pvl-science-card .pvl-science-icon > .pvl-science-icon-fallback {
display: none !important;
}
/* Medical/professional icon */
.pvl-root .pvl-science-card:nth-child(1) .pvl-science-icon::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
/* Custom protocol / sliders icon */
.pvl-root .pvl-science-card:nth-child(2) .pvl-science-icon::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 7h14M5 17h14M9 4v6M15 14v6' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='7' r='2' fill='none' stroke='white' stroke-width='1.7'/%3E%3Ccircle cx='15' cy='17' r='2' fill='none' stroke='white' stroke-width='1.7'/%3E%3C/svg%3E") !important;
}
/* Weekly monitoring / calendar icon */
.pvl-root .pvl-science-card:nth-child(3) .pvl-science-icon::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='6' width='15' height='13.5' rx='2' fill='none' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M8 4v4M16 4v4M5 10h14M8 14h3M13 14h3' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
/* Results & support / check icon */
.pvl-root .pvl-science-card:nth-child(4) .pvl-science-icon::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M8.3 12.2l2.3 2.3 5.2-5.3' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
/* v1.0.34 — SCIENCE CARD ICONS: uploaded media only
Display exactly the image/logo selected in each Science Card Icon image field.
No generated SVG, fallback icon, recoloring, inversion, or pseudo-element icon. */
.pvl-root .pvl-science-card .pvl-science-icon::before {
content: none !important;
display: none !important;
background-image: none !important;
}
.pvl-root .pvl-science-card .pvl-science-icon > svg,
.pvl-root .pvl-science-card .pvl-science-icon > .pvl-science-icon-fallback {
display: none !important;
}
.pvl-root .pvl-science-card .pvl-science-icon > img.pvl-science-custom-icon {
display: block !important;
position: static !important;
width: 28px !important;
height: 28px !important;
max-width: 28px !important;
max-height: 28px !important;
object-fit: contain !important;
object-position: center !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* v1.0.35 — CUSTOM UPLOADED SCIENCE ICON: render the selected Media Library
image directly as the icon tile background. This bypasses theme/page-builder
rules that hide or restyle ![]()
tags. No fallback or generated icon is used. */
.pvl-root .pvl-science-card .pvl-science-icon-uploaded {
display: block !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
position: relative !important;
z-index: 10 !important;
background-color: var(--pvl-primary) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 28px 28px !important;
opacity: 1 !important;
visibility: visible !important;
overflow: hidden !important;
}
.pvl-root .pvl-science-card .pvl-science-icon-uploaded::before,
.pvl-root .pvl-science-card .pvl-science-icon-uploaded::after {
content: none !important;
display: none !important;
}
\n\n/* v1.0.36 — SCIENCE CARDS: actual uploaded icon image only\n The Media Library URL saved in each Science Card is rendered as a real nested\n ![]()
. These final rules override all older science-icon experiments. */\n.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded {\n width: 40px !important;\n height: 40px !important;\n min-width: 40px !important;\n min-height: 40px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n position: relative !important;\n z-index: 20 !important;\n margin: 0 0 20px 0 !important;\n padding: 6px !important;\n overflow: hidden !important;\n background: var(--pvl-primary) !important;\n opacity: 1 !important;\n visibility: visible !important;\n}\n.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded::before,\n.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded::after {\n content: none !important;\n display: none !important;\n background: none !important;\n}\n.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image {\n display: block !important;\n position: static !important;\n inset: auto !important;\n width: 100% !important;\n height: 100% !important;\n max-width: 28px !important;\n max-height: 28px !important;\n min-width: 0 !important;\n min-height: 0 !important;\n object-fit: contain !important;\n object-position: center !important;\n opacity: 1 !important;\n visibility: visible !important;\n filter: none !important;\n transform: none !important;\n margin: 0 !important;\n padding: 0 !important;\n border: 0 !important;\n background: transparent !important;\n pointer-events: none !important;\n z-index: 21 !important;\n}\n
/* v1.0.37 — Beauty & Peptide Science content refresh */
.pvl-root .pvl-science-card.pvl-peptide-card{
min-height:390px;
padding:20px 16px;
display:flex;
flex-direction:column;
background:linear-gradient(180deg,#fff 0%,#fbf8fd 100%);
}
.pvl-root .pvl-peptide-card-copy{
position:relative;
z-index:3;
max-width:72%;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.pvl-root .pvl-peptide-category{
display:block;
margin-bottom:7px;
color:var(--pvl-primary);
font-size:10px;
line-height:1.25;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.pvl-root .pvl-science-card.pvl-peptide-card h3{
margin:0 0 4px;
font-size:25px;
line-height:1.05;
letter-spacing:-.02em;
}
.pvl-root .pvl-peptide-subtitle{
display:block;
margin-bottom:12px;
color:#625174;
font-size:9px;
line-height:1.35;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
}
.pvl-root .pvl-science-card.pvl-peptide-card .pvl-peptide-card-copy > p{
min-height:0;
margin:0 0 14px;
font-size:11px;
line-height:1.48;
}
.pvl-root .pvl-peptide-benefits{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:8px;
}
.pvl-root .pvl-peptide-benefits li{
position:relative;
padding-left:22px;
color:#5f5171;
font-size:10px;
line-height:1.35;
}
.pvl-root .pvl-peptide-benefits li::before{
content:'✦';
position:absolute;
left:0;
top:-1px;
width:16px;
height:16px;
border-radius:50%;
display:grid;
place-items:center;
background:#f2e7fb;
color:var(--pvl-primary);
font-size:9px;
}
.pvl-root .pvl-peptide-benefits li.has-custom-benefit-icon{
padding-left:24px;
}
.pvl-root .pvl-peptide-benefits li.has-custom-benefit-icon::before{
display:none;
}
.pvl-root .pvl-peptide-benefits .pvl-benefit-custom-icon{
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
object-fit:contain;
display:block;
}
.pvl-root .pvl-peptide-link{
margin-top:12px;
}
.pvl-root .pvl-science-card.pvl-peptide-card > img.pvl-peptide-product-image{
position:absolute !important;
right:2px !important;
bottom:0 !important;
width:42% !important;
height:74% !important;
max-height:none !important;
object-fit:cover !important;
object-position:center !important;
opacity:1 !important;
z-index:1 !important;
border-radius:0 !important;
}
.pvl-root .pvl-science-card.pvl-peptide-card .pvl-science-icon-uploaded{
margin-bottom:12px !important;
}
@media (max-width:1100px){
.pvl-root .pvl-science-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
.pvl-root .pvl-science-card.pvl-peptide-card{min-height:360px;}
.pvl-root .pvl-peptide-card-copy{max-width:70%;}
}
@media (max-width:700px){
.pvl-root .pvl-science-cards{grid-template-columns:1fr;gap:12px;}
.pvl-root .pvl-science-card.pvl-peptide-card{min-height:350px;padding:18px 16px;}
.pvl-root .pvl-peptide-card-copy{max-width:68%;}
.pvl-root .pvl-science-card.pvl-peptide-card h3{font-size:24px;}
.pvl-root .pvl-science-card.pvl-peptide-card > img.pvl-peptide-product-image{width:40% !important;height:70% !important;}
}
@media (max-width:430px){
.pvl-root .pvl-science-card.pvl-peptide-card{min-height:390px;}
.pvl-root .pvl-peptide-card-copy{max-width:72%;}
.pvl-root .pvl-peptide-benefits li{font-size:9.5px;}
}
/* v1.0.38 — Beauty & Peptide Science sizing refinements */
.pvl-root .pvl-science-card.pvl-peptide-card > img.pvl-peptide-product-image{
right:10px !important;
bottom:12px !important;
width:36% !important;
height:66% !important;
object-fit:contain !important;
object-position:center bottom !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
width:48px !important;
height:48px !important;
min-width:48px !important;
min-height:48px !important;
padding:7px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image{
max-width:34px !important;
max-height:34px !important;
}
@media (max-width:1100px){
.pvl-root .pvl-science-card.pvl-peptide-card > img.pvl-peptide-product-image{width:34% !important;height:64% !important;right:12px !important;bottom:12px !important;}
}
@media (max-width:700px){
.pvl-root .pvl-science-card.pvl-peptide-card > img.pvl-peptide-product-image{width:34% !important;height:62% !important;right:10px !important;bottom:12px !important;}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;}
}
/* v1.0.39 — Beauty & Peptide Science: centered heading + 4-column cards */
.pvl-root .pvl-science-grid{
display:block !important;
}
.pvl-root .pvl-science-intro{
max-width:860px !important;
margin:0 auto 34px !important;
padding:28px 16px 0 !important;
text-align:center !important;
}
.pvl-root .pvl-science-intro .pvl-kicker,
.pvl-root .pvl-science-intro h2,
.pvl-root .pvl-science-intro p{
text-align:center !important;
}
.pvl-root .pvl-science-intro p{
max-width:720px !important;
margin-left:auto !important;
margin-right:auto !important;
}
.pvl-root .pvl-science-intro .pvl-btn{
display:inline-flex !important;
width:auto !important;
margin:8px auto 0 !important;
}
.pvl-root .pvl-science-cards{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:14px !important;
width:100% !important;
}
/* Larger custom card icons */
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
width:60px !important;
height:60px !important;
min-width:60px !important;
min-height:60px !important;
padding:8px !important;
margin-bottom:14px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image{
width:100% !important;
height:100% !important;
max-width:44px !important;
max-height:44px !important;
object-fit:contain !important;
}
@media (max-width:1100px){
.pvl-root .pvl-science-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.pvl-root .pvl-science-intro{margin-bottom:26px !important;}
}
@media (max-width:700px){
.pvl-root .pvl-science-intro{padding:22px 8px 0 !important;margin-bottom:22px !important;}
.pvl-root .pvl-science-intro .pvl-btn{width:auto !important;min-width:170px;}
.pvl-root .pvl-science-cards{grid-template-columns:1fr !important;gap:12px !important;}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
width:56px !important;
height:56px !important;
min-width:56px !important;
min-height:56px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image{
max-width:40px !important;
max-height:40px !important;
}
}
/* v1.0.51 — Collection cards redesign based on supplied reference */
.pvl-root .pvl-concerns-section{margin-top:18px}
.pvl-root .pvl-concerns-grid{display:grid;grid-template-columns:1fr;gap:12px}
.pvl-root .pvl-concern-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:248px;border-radius:22px;overflow:hidden;background:linear-gradient(115deg,#f7f2fb 0%,#efe6f8 58%,#e9dcf5 100%);border:1px solid rgba(111,59,181,.05)}
.pvl-root .pvl-concern-card:nth-child(2),.pvl-root .pvl-concern-card:nth-child(3),.pvl-root .pvl-concern-card:nth-child(4){background:linear-gradient(115deg,#f7f2fb 0%,#efe6f8 58%,#e9dcf5 100%)}
.pvl-root .pvl-concern-copy{padding:26px 28px 24px 34px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.pvl-root .pvl-concern-eyebrow{font-size:12px;letter-spacing:.25em;font-weight:650;color:#352447;margin-bottom:3px;text-transform:uppercase}
.pvl-root .pvl-concern-copy h3{font-family:var(--pvl-heading-font);font-size:32px;line-height:1.05;letter-spacing:-.025em;font-weight:600;margin:0 0 6px;color:#17131c}
.pvl-root .pvl-concern-copy>p{font-size:18px;line-height:1.28;color:#584f61;margin:0 0 16px;max-width:470px}
.pvl-root .pvl-concern-benefits{display:flex;align-items:stretch;flex-wrap:wrap;gap:0;margin-top:auto;margin-bottom:14px}
.pvl-root .pvl-concern-benefit{display:flex;align-items:center;gap:8px;padding:0 18px;border-right:1px solid rgba(75,48,96,.28);font-size:13px;line-height:1.12;color:#4e4359;max-width:150px}
.pvl-root .pvl-concern-benefit:first-child{padding-left:0}
.pvl-root .pvl-concern-benefit:last-child{border-right:0;padding-right:0}
.pvl-root .pvl-concern-benefit-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;color:var(--pvl-primary)}
.pvl-root .pvl-concern-benefit-icon img{width:30px;height:30px;object-fit:contain!important;transform:none!important}
.pvl-root .pvl-concern-icon-fallback{font-size:24px;line-height:1}
.pvl-root .pvl-concern-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:245px;min-height:43px;padding:0 18px;border-radius:999px;background:linear-gradient(90deg,#7542ad,#8b52bd);color:#fff!important;font-size:17px;font-weight:600;box-shadow:0 5px 12px rgba(78,36,114,.15)}
.pvl-root .pvl-concern-button span{font-size:24px;font-weight:400;line-height:1}
.pvl-root .pvl-concern-media{position:relative;min-height:248px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px 110px 12px 10px}
.pvl-root .pvl-concern-product-image{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:220px!important;max-width:330px!important;max-height:220px!important;object-fit:contain!important;object-position:center center!important;align-self:center!important;transform:none!important;transition:transform .25s ease}
.pvl-root .pvl-concern-card:hover .pvl-concern-product-image{transform:scale(1.025)!important}
.pvl-root .pvl-concern-side-text{position:absolute;right:26px;top:50%;transform:translateY(-50%);width:105px;font-size:20px;line-height:1.15;color:#6c4c85;text-align:left}
.pvl-root .pvl-concern-side-text:after{content:"";display:block;width:38px;height:1px;background:#795b90;margin-top:15px}
.pvl-root .pvl-concern-badge{position:absolute;right:24px;top:17px;display:flex;align-items:center;gap:7px;border-radius:999px;padding:9px 15px;background:rgba(255,255,255,.7);font-size:12px;letter-spacing:.18em;font-weight:700;color:#5a3b76;z-index:3}
.pvl-root .pvl-concern-badge img{width:18px;height:18px;object-fit:contain!important;transform:none!important}
.pvl-root .pvl-concerns-help{margin-top:12px;min-height:100px;padding:18px 24px 18px 32px;border-radius:22px;background:linear-gradient(100deg,#f6eefb,#e7d5f5);display:flex;align-items:center;justify-content:space-between;gap:24px}
.pvl-root .pvl-concerns-help h3{font-size:31px;line-height:1.05;margin:0 0 4px;color:#17131c}
.pvl-root .pvl-concerns-help p{font-size:17px;line-height:1.35;margin:0;color:#5b5063}
.pvl-root .pvl-concerns-help-button{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:58px;padding:0 24px;border-radius:999px;background:rgba(255,255,255,.9);font-size:16px;font-weight:650;color:#201a25!important;box-shadow:0 5px 16px rgba(66,38,92,.08)}
.pvl-root .pvl-concerns-help-button img{width:30px;height:30px;object-fit:contain}
.pvl-root .pvl-concerns-help-button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#6f3bb5;color:#fff}
.pvl-root .pvl-concerns-trust{margin-top:12px;min-height:78px;padding:14px 20px;border-radius:22px;background:linear-gradient(100deg,#faf6fc,#efe5f7);display:grid;grid-template-columns:repeat(3,1fr)}
.pvl-root .pvl-concerns-trust-item{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 22px;border-right:1px solid rgba(80,53,100,.24);font-size:15px;color:#45384e}
.pvl-root .pvl-concerns-trust-item:last-child{border-right:0}
.pvl-root .pvl-concerns-trust-item img{width:38px;height:38px;object-fit:contain}
.pvl-root .pvl-concerns-trust-item>span{font-size:28px;color:#6f3bb5}
.pvl-root .pvl-concerns-trust-item strong{font-size:15px;font-weight:500;line-height:1.25}
@media (max-width:1100px){
.pvl-root .pvl-concern-card{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.pvl-root .pvl-concern-copy{padding-left:26px}
.pvl-root .pvl-concern-copy h3{font-size:29px}
.pvl-root .pvl-concern-copy>p{font-size:16px}
.pvl-root .pvl-concern-benefit{padding:0 10px;font-size:12px;max-width:130px}
.pvl-root .pvl-concern-media{padding-right:90px}
.pvl-root .pvl-concern-product-image{max-width:270px!important}
.pvl-root .pvl-concern-side-text{right:16px;width:90px;font-size:17px}
}
@media (max-width:900px){
.pvl-root .pvl-concerns-grid{grid-template-columns:1fr}
.pvl-root .pvl-concern-card{grid-template-columns:1fr;min-height:0}
.pvl-root .pvl-concern-copy{padding:24px 24px 10px}
.pvl-root .pvl-concern-copy h3{font-size:30px}
.pvl-root .pvl-concern-copy>p{max-width:none}
.pvl-root .pvl-concern-benefits{margin-top:4px}
.pvl-root .pvl-concern-media{min-height:260px;padding:10px 110px 18px 20px}
.pvl-root .pvl-concern-product-image{width:100%!important;height:235px!important;max-width:420px!important;max-height:235px!important}
.pvl-root .pvl-concern-side-text{right:22px;width:90px;font-size:17px}
.pvl-root .pvl-concern-badge{right:18px;top:14px}
.pvl-root .pvl-concerns-help{align-items:flex-start;flex-direction:column;padding:22px 24px}
.pvl-root .pvl-concerns-help-button{width:100%;justify-content:center}
.pvl-root .pvl-concerns-trust{grid-template-columns:1fr}
.pvl-root .pvl-concerns-trust-item{justify-content:flex-start;border-right:0;border-bottom:1px solid rgba(80,53,100,.18);padding:12px 8px}
.pvl-root .pvl-concerns-trust-item:last-child{border-bottom:0}
}
@media (max-width:620px){
.pvl-root .pvl-concerns-section{margin-top:12px}
.pvl-root .pvl-concerns-grid{gap:10px}
.pvl-root .pvl-concern-card{border-radius:16px}
.pvl-root .pvl-concern-copy{padding:22px 18px 10px}
.pvl-root .pvl-concern-eyebrow{font-size:10px;letter-spacing:.18em}
.pvl-root .pvl-concern-copy h3{font-size:27px;line-height:1.05}
.pvl-root .pvl-concern-copy>p{font-size:15px;line-height:1.35;margin-bottom:14px}
.pvl-root .pvl-concern-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:16px}
.pvl-root .pvl-concern-benefit{border:0!important;padding:0!important;max-width:none;font-size:12px;gap:7px}
.pvl-root .pvl-concern-benefit-icon{width:26px;height:26px;flex-basis:26px}
.pvl-root .pvl-concern-benefit-icon img{width:26px;height:26px}
.pvl-root .pvl-concern-button{width:100%;min-width:0;min-height:44px;font-size:15px}
.pvl-root .pvl-concern-media{min-height:220px;padding:8px 78px 16px 12px}
.pvl-root .pvl-concern-product-image{height:205px!important;max-height:205px!important;max-width:100%!important;object-fit:contain!important}
.pvl-root .pvl-concern-side-text{right:12px;width:65px;font-size:13px;line-height:1.15}
.pvl-root .pvl-concern-side-text:after{width:28px;margin-top:10px}
.pvl-root .pvl-concern-badge{right:10px;top:10px;padding:7px 10px;font-size:9px;letter-spacing:.12em}
.pvl-root .pvl-concerns-help{border-radius:16px;padding:20px 18px;gap:16px}
.pvl-root .pvl-concerns-help h3{font-size:25px}
.pvl-root .pvl-concerns-help p{font-size:14px}
.pvl-root .pvl-concerns-help-button{min-height:52px;padding:0 16px;font-size:14px}
.pvl-root .pvl-concerns-trust{border-radius:16px;padding:8px 14px}
.pvl-root .pvl-concerns-trust-item{font-size:13px;padding:11px 2px}
.pvl-root .pvl-concerns-trust-item img{width:32px;height:32px}
}
/* v1.0.52 — Collection cards: 4-column desktop layout */
@media (min-width:1201px){
.pvl-root .pvl-concerns-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:14px !important;
}
.pvl-root .pvl-concern-card{
grid-template-columns:1fr !important;
grid-template-rows:auto auto !important;
min-height:440px !important;
}
.pvl-root .pvl-concern-copy{
padding:22px 20px 10px !important;
}
.pvl-root .pvl-concern-eyebrow{
font-size:10px !important;
letter-spacing:.18em !important;
}
.pvl-root .pvl-concern-copy h3{
font-size:25px !important;
line-height:1.08 !important;
}
.pvl-root .pvl-concern-copy>p{
font-size:14px !important;
line-height:1.35 !important;
margin-bottom:12px !important;
}
.pvl-root .pvl-concern-benefits{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
width:100% !important;
margin:2px 0 14px !important;
}
.pvl-root .pvl-concern-benefit{
border:0 !important;
padding:0 !important;
max-width:none !important;
font-size:12px !important;
}
.pvl-root .pvl-concern-button{
min-width:0 !important;
width:100% !important;
min-height:40px !important;
font-size:14px !important;
padding:0 14px !important;
}
.pvl-root .pvl-concern-media{
min-height:185px !important;
padding:4px 16px 16px !important;
}
.pvl-root .pvl-concern-product-image{
width:100% !important;
height:180px !important;
max-width:100% !important;
max-height:180px !important;
object-fit:contain !important;
object-position:center !important;
}
.pvl-root .pvl-concern-side-text{
position:static !important;
transform:none !important;
width:100% !important;
font-size:13px !important;
text-align:center !important;
margin-top:4px !important;
}
.pvl-root .pvl-concern-side-text:after{
margin:8px auto 0 !important;
}
.pvl-root .pvl-concern-badge{
right:12px !important;
top:12px !important;
padding:6px 10px !important;
font-size:9px !important;
}
}
@media (min-width:701px) and (max-width:1200px){
.pvl-root .pvl-concerns-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}
.pvl-root .pvl-concern-card{
grid-template-columns:1fr !important;
min-height:0 !important;
}
.pvl-root .pvl-concern-media{
min-height:220px !important;
padding:8px 80px 16px 16px !important;
}
.pvl-root .pvl-concern-product-image{
height:210px !important;
max-height:210px !important;
max-width:100% !important;
object-fit:contain !important;
}
}
/* v1.0.53 — Home collection section: force exactly 4 cards per row on desktop.
Version bump also refreshes cached frontend CSS. */
@media (min-width:1025px){
.pvl-root.pvl-home .pvl-concerns-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:14px !important;
width:100% !important;
}
.pvl-root.pvl-home .pvl-concern-card{
width:100% !important;
min-width:0 !important;
margin:0 !important;
}
}
/* Keep the requested responsive behaviour without cropping content. */
@media (min-width:701px) and (max-width:1024px){
.pvl-root.pvl-home .pvl-concerns-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:700px){
.pvl-root.pvl-home .pvl-concerns-grid{
grid-template-columns:1fr !important;
}
}
/* v1.0.54 — Home collection product images: right aligned */
.pvl-root.pvl-home .pvl-concern-media{
justify-items:end !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
justify-self:end !important;
margin-left:auto !important;
margin-right:0 !important;
object-position:right center !important;
}
/* v1.0.55 — Home 4-column cards: text/content left, product image + side text right */
@media (min-width:1025px){
.pvl-root.pvl-home .pvl-concern-card{
display:grid !important;
grid-template-columns:minmax(0,1.42fr) minmax(112px,.78fr) !important;
grid-template-rows:1fr !important;
min-height:455px !important;
align-items:stretch !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
grid-column:1 !important;
grid-row:1 !important;
padding:22px 10px 20px 18px !important;
min-width:0 !important;
overflow:visible !important;
}
.pvl-root.pvl-home .pvl-concern-copy h3{
font-size:24px !important;
line-height:1.08 !important;
overflow-wrap:anywhere !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
font-size:13px !important;
line-height:1.36 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
.pvl-root.pvl-home .pvl-concern-benefits{
width:100% !important;
margin-top:4px !important;
}
.pvl-root.pvl-home .pvl-concern-button{
width:100% !important;
min-width:0 !important;
margin-top:auto !important;
}
.pvl-root.pvl-home .pvl-concern-media{
grid-column:2 !important;
grid-row:1 !important;
min-width:0 !important;
min-height:455px !important;
padding:52px 8px 18px 0 !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
justify-content:center !important;
gap:10px !important;
overflow:visible !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
position:static !important;
width:100% !important;
height:auto !important;
max-width:155px !important;
max-height:230px !important;
object-fit:contain !important;
object-position:right center !important;
align-self:flex-end !important;
justify-self:end !important;
margin:0 0 0 auto !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
position:static !important;
transform:none !important;
width:100% !important;
max-width:125px !important;
margin:0 0 0 auto !important;
padding:0 !important;
font-size:12px !important;
line-height:1.25 !important;
text-align:right !important;
overflow-wrap:anywhere !important;
}
.pvl-root.pvl-home .pvl-concern-side-text:after{
margin:8px 0 0 auto !important;
}
.pvl-root.pvl-home .pvl-concern-badge{
right:8px !important;
top:12px !important;
max-width:calc(100% - 10px) !important;
white-space:normal !important;
text-align:center !important;
}
}
/* Tablet/mobile keep media separated and never crop either image or text. */
@media (max-width:1024px){
.pvl-root.pvl-home .pvl-concern-product-image{
object-fit:contain !important;
object-position:center !important;
}
}
/* v1.0.56 — Home collection cards: reference-style horizontal cards, 2 columns on desktop */
@media (min-width:1025px){
.pvl-root.pvl-home .pvl-concerns-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}
.pvl-root.pvl-home .pvl-concern-card{
display:grid !important;
grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr) !important;
grid-template-rows:1fr !important;
min-height:285px !important;
border-radius:20px !important;
align-items:stretch !important;
overflow:hidden !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
grid-column:1 !important;
grid-row:1 !important;
padding:22px 8px 20px 26px !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
z-index:3 !important;
}
.pvl-root.pvl-home .pvl-concern-eyebrow{
font-size:10px !important;
letter-spacing:.22em !important;
margin-bottom:4px !important;
}
.pvl-root.pvl-home .pvl-concern-copy h3{
font-size:29px !important;
line-height:1.03 !important;
margin:0 0 6px !important;
white-space:normal !important;
overflow-wrap:normal !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
font-size:15px !important;
line-height:1.28 !important;
max-width:340px !important;
margin:0 0 12px !important;
white-space:normal !important;
}
.pvl-root.pvl-home .pvl-concern-benefits{
display:flex !important;
flex-wrap:nowrap !important;
align-items:center !important;
width:auto !important;
max-width:100% !important;
margin:auto 0 14px !important;
gap:0 !important;
}
.pvl-root.pvl-home .pvl-concern-benefit{
display:flex !important;
align-items:center !important;
gap:6px !important;
border-right:1px solid rgba(75,48,96,.25) !important;
padding:0 10px !important;
max-width:112px !important;
font-size:11px !important;
line-height:1.12 !important;
}
.pvl-root.pvl-home .pvl-concern-benefit:first-child{padding-left:0 !important;}
.pvl-root.pvl-home .pvl-concern-benefit:last-child{border-right:0 !important;padding-right:0 !important;}
.pvl-root.pvl-home .pvl-concern-benefit-icon{
width:26px !important;
height:26px !important;
flex:0 0 26px !important;
}
.pvl-root.pvl-home .pvl-concern-benefit-icon img{
width:26px !important;
height:26px !important;
}
.pvl-root.pvl-home .pvl-concern-button{
width:245px !important;
min-width:0 !important;
min-height:42px !important;
margin:0 !important;
padding:0 18px !important;
font-size:15px !important;
border-radius:999px !important;
}
.pvl-root.pvl-home .pvl-concern-media{
grid-column:2 !important;
grid-row:1 !important;
position:relative !important;
min-width:0 !important;
min-height:285px !important;
padding:20px 90px 16px 0 !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:flex-end !important;
overflow:hidden !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
position:static !important;
width:100% !important;
height:245px !important;
max-width:280px !important;
max-height:245px !important;
object-fit:contain !important;
object-position:right center !important;
align-self:center !important;
margin:0 !important;
transform:none !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
position:absolute !important;
right:16px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:78px !important;
max-width:78px !important;
margin:0 !important;
padding:0 !important;
font-size:13px !important;
line-height:1.18 !important;
text-align:left !important;
}
.pvl-root.pvl-home .pvl-concern-side-text:after{
width:32px !important;
margin:10px 0 0 !important;
}
.pvl-root.pvl-home .pvl-concern-badge{
right:16px !important;
top:16px !important;
padding:7px 11px !important;
font-size:9px !important;
white-space:nowrap !important;
}
}
/* Tablet: one wide horizontal card per row so text and artwork stay readable. */
@media (min-width:701px) and (max-width:1024px){
.pvl-root.pvl-home .pvl-concerns-grid{
grid-template-columns:1fr !important;
gap:12px !important;
}
.pvl-root.pvl-home .pvl-concern-card{
display:grid !important;
grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr) !important;
min-height:270px !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
padding:24px 12px 22px 28px !important;
}
.pvl-root.pvl-home .pvl-concern-benefits{
display:flex !important;
flex-wrap:wrap !important;
gap:8px 0 !important;
margin:auto 0 14px !important;
}
.pvl-root.pvl-home .pvl-concern-benefit{
border-right:1px solid rgba(75,48,96,.25) !important;
padding:0 12px !important;
max-width:140px !important;
}
.pvl-root.pvl-home .pvl-concern-benefit:first-child{padding-left:0 !important;}
.pvl-root.pvl-home .pvl-concern-benefit:last-child{border-right:0 !important;}
.pvl-root.pvl-home .pvl-concern-button{width:245px !important;}
.pvl-root.pvl-home .pvl-concern-media{
min-height:270px !important;
padding:16px 92px 16px 0 !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
width:100% !important;
height:235px !important;
max-width:320px !important;
max-height:235px !important;
object-fit:contain !important;
object-position:right center !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
position:absolute !important;
right:18px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:80px !important;
text-align:left !important;
}
}
/* Mobile: stack cleanly; never crop images or text. */
@media (max-width:700px){
.pvl-root.pvl-home .pvl-concern-card{
grid-template-columns:1fr !important;
grid-template-rows:auto auto !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
grid-column:1 !important;
grid-row:1 !important;
}
.pvl-root.pvl-home .pvl-concern-media{
grid-column:1 !important;
grid-row:2 !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
object-fit:contain !important;
object-position:center !important;
}
}
/* v1.0.57 — Home collection spacing refinements from annotated reference */
@media (min-width:1025px){
/* Reduce the large blank gap between the description and benefit row. */
.pvl-root.pvl-home .pvl-concern-benefits{
margin:8px 0 12px !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
margin-bottom:0 !important;
}
/* Keep artwork comfortably separated from the side copy / card edge. */
.pvl-root.pvl-home .pvl-concern-media{
padding:18px 112px 18px 8px !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
max-width:258px !important;
height:232px !important;
max-height:232px !important;
object-position:right center !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
right:22px !important;
width:74px !important;
max-width:74px !important;
padding-left:6px !important;
}
.pvl-root.pvl-home .pvl-concern-badge{
right:22px !important;
}
}
@media (min-width:701px) and (max-width:1024px){
.pvl-root.pvl-home .pvl-concern-benefits{
margin:8px 0 12px !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
margin-bottom:0 !important;
}
.pvl-root.pvl-home .pvl-concern-media{
padding:16px 108px 16px 8px !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
max-width:290px !important;
height:225px !important;
max-height:225px !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
right:20px !important;
padding-left:6px !important;
}
}
/* v1.0.58 — Home 2-column collection cards: more breathing room + refined artwork positioning */
@media (min-width:1025px){
/* More separation between cards/rows so headings do not feel crowded. */
.pvl-root.pvl-home .pvl-concerns-grid{
column-gap:18px !important;
row-gap:18px !important;
}
.pvl-root.pvl-home .pvl-concern-card{
grid-template-columns:minmax(0,1.16fr) minmax(250px,.84fr) !important;
min-height:300px !important;
}
/* Give every title/copy block more internal space from the card edges. */
.pvl-root.pvl-home .pvl-concern-copy{
padding:27px 18px 24px 28px !important;
}
.pvl-root.pvl-home .pvl-concern-eyebrow{
margin-bottom:7px !important;
}
.pvl-root.pvl-home .pvl-concern-copy h3{
margin-bottom:9px !important;
line-height:1.08 !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
margin-bottom:9px !important;
max-width:355px !important;
}
.pvl-root.pvl-home .pvl-concern-benefits{
margin:9px 0 16px !important;
}
/* Re-center the product artwork inside its own area while preserving room for side copy. */
.pvl-root.pvl-home .pvl-concern-media{
min-height:300px !important;
padding:20px 102px 20px 18px !important;
justify-content:center !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
width:100% !important;
max-width:252px !important;
height:242px !important;
max-height:242px !important;
object-fit:contain !important;
object-position:center center !important;
margin:0 auto !important;
transform:translateX(8px) !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{
transform:translateX(8px) scale(1.02) !important;
}
/* Keep the side phrase away from both the artwork and the outer edge. */
.pvl-root.pvl-home .pvl-concern-side-text{
right:18px !important;
width:80px !important;
max-width:80px !important;
padding-left:10px !important;
font-size:12.5px !important;
line-height:1.2 !important;
}
.pvl-root.pvl-home .pvl-concern-badge{
right:18px !important;
top:18px !important;
}
}
@media (min-width:701px) and (max-width:1024px){
.pvl-root.pvl-home .pvl-concerns-grid{gap:16px !important;}
.pvl-root.pvl-home .pvl-concern-copy{padding:26px 20px 24px 28px !important;}
.pvl-root.pvl-home .pvl-concern-copy h3{margin-bottom:9px !important;}
.pvl-root.pvl-home .pvl-concern-copy>p{margin-bottom:8px !important;}
.pvl-root.pvl-home .pvl-concern-media{
padding:18px 100px 18px 18px !important;
justify-content:center !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
max-width:280px !important;
object-position:center center !important;
margin:0 auto !important;
transform:translateX(6px) !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{
transform:translateX(6px) scale(1.02) !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
right:16px !important;
width:80px !important;
max-width:80px !important;
padding-left:8px !important;
}
}
/* v1.0.59 — Give copy more width, push artwork right, center copy on tablet landscape */
@media (min-width:1025px){
.pvl-root.pvl-home .pvl-concern-card{
grid-template-columns:minmax(0,1.28fr) minmax(230px,.72fr) !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
padding-right:8px !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
max-width:390px !important;
}
.pvl-root.pvl-home .pvl-concern-media{
padding:20px 94px 20px 0 !important;
justify-content:flex-end !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
max-width:248px !important;
margin:0 !important;
object-position:right center !important;
transform:translateX(18px) !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{
transform:translateX(18px) scale(1.02) !important;
}
}
@media (min-width:701px) and (max-width:1024px){
.pvl-root.pvl-home .pvl-concern-card{
grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr) !important;
}
.pvl-root.pvl-home .pvl-concern-media{
padding:18px 92px 18px 0 !important;
justify-content:flex-end !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
margin:0 !important;
object-position:right center !important;
transform:translateX(14px) !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{
transform:translateX(14px) scale(1.02) !important;
}
}
/* Tablet landscape: center the complete text/content area as one balanced block. */
@media (min-width:701px) and (max-width:1024px) and (orientation:landscape){
.pvl-root.pvl-home .pvl-concern-copy{
align-items:center !important;
text-align:center !important;
justify-content:center !important;
padding-left:24px !important;
padding-right:12px !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
max-width:390px !important;
margin-left:auto !important;
margin-right:auto !important;
}
.pvl-root.pvl-home .pvl-concern-benefits{
justify-content:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
.pvl-root.pvl-home .pvl-concern-button{
margin-left:auto !important;
margin-right:auto !important;
}
}
/* v1.0.60 — move collection artwork into the indicated inner image area */
@media (min-width:1025px){
.pvl-root.pvl-home .pvl-concern-media{
justify-content:flex-start !important;
padding-left:0 !important;
padding-right:94px !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
margin:0 !important;
transform:translateX(0) !important;
object-position:center center !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{
transform:scale(1.02) !important;
}
}
/* v1.0.61 — Home collection cards matched to approved 2-column reference
Wide horizontal cards, copy on the left, artwork immediately beside the copy,
and a dedicated side-tagline rail. This intentionally overrides the iterative
v1.0.56–v1.0.60 positioning rules above. */
@media (min-width:1025px){
.pvl-root.pvl-home .pvl-concerns-section{
margin-top:16px !important;
}
.pvl-root.pvl-home .pvl-concerns-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
column-gap:14px !important;
row-gap:14px !important;
}
.pvl-root.pvl-home .pvl-concern-card{
display:grid !important;
grid-template-columns:minmax(0,52%) minmax(0,48%) !important;
min-height:286px !important;
border-radius:20px !important;
overflow:hidden !important;
background:linear-gradient(110deg,#f8f3fb 0%,#f1e9f8 56%,#e9dcf5 100%) !important;
border:1px solid rgba(111,59,181,.045) !important;
box-shadow:none !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
min-width:0 !important;
padding:28px 12px 22px 30px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
text-align:left !important;
}
.pvl-root.pvl-home .pvl-concern-eyebrow{
margin:0 0 7px !important;
font-size:11px !important;
line-height:1.15 !important;
letter-spacing:.22em !important;
font-weight:700 !important;
}
.pvl-root.pvl-home .pvl-concern-copy h3{
margin:0 0 7px !important;
font-size:clamp(26px,1.55vw,31px) !important;
line-height:1.02 !important;
letter-spacing:-.035em !important;
font-weight:600 !important;
white-space:normal !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
margin:0 !important;
max-width:400px !important;
font-size:15.5px !important;
line-height:1.28 !important;
color:#584f61 !important;
}
.pvl-root.pvl-home .pvl-concern-benefits{
width:100% !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
align-items:center !important;
gap:0 !important;
margin:18px 0 16px !important;
}
.pvl-root.pvl-home .pvl-concern-benefit{
min-width:0 !important;
padding:0 10px !important;
border-right:1px solid rgba(85,61,105,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
font-size:12px !important;
line-height:1.12 !important;
color:#34293e !important;
}
.pvl-root.pvl-home .pvl-concern-benefit:first-child{padding-left:0 !important;}
.pvl-root.pvl-home .pvl-concern-benefit:last-child{border-right:0 !important;padding-right:0 !important;}
.pvl-root.pvl-home .pvl-concern-benefit-icon{
flex:0 0 20px !important;
width:20px !important;
height:20px !important;
display:grid !important;
place-items:center !important;
}
.pvl-root.pvl-home .pvl-concern-benefit-icon img{
width:20px !important;
height:20px !important;
max-width:20px !important;
max-height:20px !important;
object-fit:contain !important;
}
.pvl-root.pvl-home .pvl-concern-icon-fallback{
font-size:18px !important;
color:#7847ad !important;
line-height:1 !important;
}
.pvl-root.pvl-home .pvl-concern-button{
width:245px !important;
min-width:0 !important;
min-height:42px !important;
margin-top:auto !important;
padding:0 17px !important;
font-size:15px !important;
border-radius:999px !important;
background:linear-gradient(90deg,#7140aa,#8a4fc0) !important;
box-shadow:0 6px 14px rgba(74,35,109,.16) !important;
}
.pvl-root.pvl-home .pvl-concern-media{
position:relative !important;
min-width:0 !important;
min-height:286px !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) 82px !important;
align-items:center !important;
justify-content:stretch !important;
overflow:visible !important;
padding:12px 18px 12px 0 !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
grid-column:1 !important;
position:relative !important;
right:auto !important;
bottom:auto !important;
justify-self:start !important;
align-self:center !important;
width:100% !important;
height:240px !important;
max-width:260px !important;
max-height:240px !important;
margin:0 !important;
object-fit:contain !important;
object-position:center center !important;
transform:translateX(-12px) !important;
transition:transform .25s ease !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{
transform:translateX(-12px) scale(1.02) !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
grid-column:2 !important;
position:relative !important;
top:auto !important;
right:auto !important;
transform:none !important;
align-self:center !important;
justify-self:start !important;
width:74px !important;
max-width:74px !important;
padding:0 !important;
font-size:14px !important;
line-height:1.12 !important;
color:#6b4c84 !important;
text-align:left !important;
overflow-wrap:normal !important;
word-break:normal !important;
}
.pvl-root.pvl-home .pvl-concern-side-text:after{
width:32px !important;
margin-top:12px !important;
}
.pvl-root.pvl-home .pvl-concern-badge{
position:absolute !important;
top:14px !important;
right:14px !important;
z-index:4 !important;
min-height:30px !important;
padding:0 12px !important;
border-radius:999px !important;
background:rgba(255,255,255,.82) !important;
font-size:10px !important;
letter-spacing:.16em !important;
}
.pvl-root.pvl-home .pvl-concern-badge img{
width:16px !important;
height:16px !important;
object-fit:contain !important;
}
.pvl-root.pvl-home .pvl-concerns-help{
margin-top:14px !important;
border-radius:18px !important;
}
}
/* Tablet: preserve the same reference composition without cropping artwork. */
@media (min-width:701px) and (max-width:1024px){
.pvl-root.pvl-home .pvl-concerns-grid{
grid-template-columns:1fr !important;
gap:14px !important;
}
.pvl-root.pvl-home .pvl-concern-card{
grid-template-columns:minmax(0,52%) minmax(0,48%) !important;
min-height:270px !important;
border-radius:18px !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
padding:26px 12px 22px 26px !important;
}
.pvl-root.pvl-home .pvl-concern-copy h3{
font-size:29px !important;
}
.pvl-root.pvl-home .pvl-concern-copy>p{
font-size:15px !important;
}
.pvl-root.pvl-home .pvl-concern-benefits{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
margin:17px 0 15px !important;
}
.pvl-root.pvl-home .pvl-concern-media{
min-height:270px !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) 82px !important;
padding:12px 18px 12px 0 !important;
overflow:visible !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
position:relative !important;
width:100% !important;
height:225px !important;
max-width:285px !important;
max-height:225px !important;
justify-self:start !important;
margin:0 !important;
object-fit:contain !important;
object-position:center !important;
transform:translateX(-10px) !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{
transform:translateX(-10px) scale(1.02) !important;
}
.pvl-root.pvl-home .pvl-concern-side-text{
position:relative !important;
top:auto !important;
right:auto !important;
transform:none !important;
width:74px !important;
max-width:74px !important;
font-size:14px !important;
}
}
/* Mobile: stack cleanly; keep every image fully visible. */
@media (max-width:700px){
.pvl-root.pvl-home .pvl-concerns-grid{grid-template-columns:1fr !important;gap:12px !important;}
.pvl-root.pvl-home .pvl-concern-card{
grid-template-columns:1fr !important;
min-height:0 !important;
border-radius:16px !important;
}
.pvl-root.pvl-home .pvl-concern-copy{
padding:22px 18px 8px !important;
align-items:flex-start !important;
text-align:left !important;
}
.pvl-root.pvl-home .pvl-concern-copy h3{font-size:27px !important;}
.pvl-root.pvl-home .pvl-concern-benefits{
width:100% !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
margin:16px 0 !important;
}
.pvl-root.pvl-home .pvl-concern-benefit{padding:0 7px !important;font-size:11px !important;}
.pvl-root.pvl-home .pvl-concern-benefit:first-child{padding-left:0 !important;}
.pvl-root.pvl-home .pvl-concern-button{width:100% !important;}
.pvl-root.pvl-home .pvl-concern-media{
min-height:210px !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) 72px !important;
padding:4px 12px 14px 10px !important;
overflow:visible !important;
}
.pvl-root.pvl-home .pvl-concern-product-image{
position:relative !important;
width:100% !important;
height:195px !important;
max-width:280px !important;
max-height:195px !important;
justify-self:center !important;
margin:0 !important;
object-fit:contain !important;
object-position:center !important;
transform:none !important;
}
.pvl-root.pvl-home .pvl-concern-card:hover .pvl-concern-product-image{transform:scale(1.01) !important;}
.pvl-root.pvl-home .pvl-concern-side-text{
position:relative !important;
top:auto !important;
right:auto !important;
transform:none !important;
align-self:center !important;
width:66px !important;
max-width:66px !important;
font-size:12px !important;
}
.pvl-root.pvl-home .pvl-concern-badge{top:12px !important;right:12px !important;}
}
/* v1.0.62 — Standardized icon sizing
Increase content/card icons so uploaded and built-in icons are clearly visible
and consistent across desktop, tablet and mobile. Header utility icons remain compact. */
.pvl-root .pvl-badge-icon,
.pvl-root .pvl-number-icon,
.pvl-root .pvl-quiz-card-icon,
.pvl-root .pvl-concern-benefit-icon,
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
width:48px !important;
height:48px !important;
min-width:48px !important;
min-height:48px !important;
flex:0 0 48px !important;
}
.pvl-root .pvl-badge-icon svg,
.pvl-root .pvl-number-icon svg,
.pvl-root .pvl-quiz-card-icon svg,
.pvl-root .pvl-concern-benefit-icon svg{
width:30px !important;
height:30px !important;
}
.pvl-root .pvl-concern-benefit-icon img,
.pvl-root .pvl-benefit-custom-icon{
width:36px !important;
height:36px !important;
max-width:36px !important;
max-height:36px !important;
object-fit:contain !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image,
.pvl-root .pvl-science-card .pvl-science-custom-icon{
width:34px !important;
height:34px !important;
max-width:34px !important;
max-height:34px !important;
object-fit:contain !important;
}
.pvl-root .pvl-concern-badge img{
width:24px !important;
height:24px !important;
max-width:24px !important;
max-height:24px !important;
}
.pvl-root .pvl-concerns-help-button img{
width:36px !important;
height:36px !important;
}
.pvl-root .pvl-concerns-trust-item img{
width:44px !important;
height:44px !important;
}
@media (max-width:700px){
.pvl-root .pvl-badge-icon,
.pvl-root .pvl-number-icon,
.pvl-root .pvl-quiz-card-icon,
.pvl-root .pvl-concern-benefit-icon,
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
width:44px !important;
height:44px !important;
min-width:44px !important;
min-height:44px !important;
flex-basis:44px !important;
}
.pvl-root .pvl-concern-benefit-icon img,
.pvl-root .pvl-benefit-custom-icon{
width:32px !important;
height:32px !important;
max-width:32px !important;
max-height:32px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image,
.pvl-root .pvl-science-card .pvl-science-custom-icon{
width:30px !important;
height:30px !important;
max-width:30px !important;
max-height:30px !important;
}
}
/* v1.0.64 — Safe icon enlargement only
Keep the existing card/icon containers and spacing from v1.0.62.
Enlarge only the visible icon artwork slightly so the layout does not shift. */
.pvl-root .pvl-badge-icon > img.pvl-custom-icon,
.pvl-root .pvl-number-icon > img.pvl-custom-icon,
.pvl-root .pvl-quiz-card-icon > img.pvl-custom-icon{
width:34px !important;
height:34px !important;
max-width:34px !important;
max-height:34px !important;
object-fit:contain !important;
}
.pvl-root .pvl-badge-icon > svg,
.pvl-root .pvl-number-icon > svg,
.pvl-root .pvl-quiz-card-icon > svg{
width:32px !important;
height:32px !important;
}
.pvl-root .pvl-concern-benefit-icon img,
.pvl-root .pvl-benefit-custom-icon{
width:39px !important;
height:39px !important;
max-width:39px !important;
max-height:39px !important;
object-fit:contain !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image,
.pvl-root .pvl-science-card .pvl-science-custom-icon{
width:37px !important;
height:37px !important;
max-width:37px !important;
max-height:37px !important;
object-fit:contain !important;
}
.pvl-root .pvl-concern-badge img{
width:26px !important;
height:26px !important;
max-width:26px !important;
max-height:26px !important;
}
.pvl-root .pvl-concerns-help-button img{
width:39px !important;
height:39px !important;
max-width:39px !important;
max-height:39px !important;
object-fit:contain !important;
}
.pvl-root .pvl-concerns-trust-item img{
width:47px !important;
height:47px !important;
max-width:47px !important;
max-height:47px !important;
object-fit:contain !important;
}
.pvl-root .pvl-round-arrow > img.pvl-custom-icon{
width:20px !important;
height:20px !important;
max-width:20px !important;
max-height:20px !important;
object-fit:contain !important;
}
@media (max-width:700px){
.pvl-root .pvl-badge-icon > img.pvl-custom-icon,
.pvl-root .pvl-number-icon > img.pvl-custom-icon,
.pvl-root .pvl-quiz-card-icon > img.pvl-custom-icon{
width:31px !important;
height:31px !important;
max-width:31px !important;
max-height:31px !important;
}
.pvl-root .pvl-concern-benefit-icon img,
.pvl-root .pvl-benefit-custom-icon{
width:34px !important;
height:34px !important;
max-width:34px !important;
max-height:34px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image,
.pvl-root .pvl-science-card .pvl-science-custom-icon{
width:32px !important;
height:32px !important;
max-width:32px !important;
max-height:32px !important;
}
.pvl-root .pvl-concerns-help-button img{
width:34px !important;
height:34px !important;
}
.pvl-root .pvl-concerns-trust-item img{
width:40px !important;
height:40px !important;
}
}
/* v1.0.65 — Icon overlap fix
Keep enlarged icons, but reserve enough space and clip artwork inside each icon box. */
.pvl-root .pvl-badge-icon,
.pvl-root .pvl-number-icon,
.pvl-root .pvl-quiz-card-icon,
.pvl-root .pvl-concern-benefit-icon,
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
overflow:hidden !important;
position:relative !important;
flex-shrink:0 !important;
}
.pvl-root .pvl-badge-icon > img,
.pvl-root .pvl-number-icon > img,
.pvl-root .pvl-quiz-card-icon > img,
.pvl-root .pvl-concern-benefit-icon > img,
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img{
position:static !important;
inset:auto !important;
display:block !important;
margin:auto !important;
transform:none !important;
}
/* Benefit list icons previously enlarged beyond their reserved 24px text indent. */
.pvl-root .pvl-peptide-benefits li.has-custom-benefit-icon{
padding-left:34px !important;
min-height:26px !important;
display:flex !important;
align-items:center !important;
}
.pvl-root .pvl-peptide-benefits .pvl-benefit-custom-icon{
left:0 !important;
top:50% !important;
transform:translateY(-50%) !important;
width:24px !important;
height:24px !important;
max-width:24px !important;
max-height:24px !important;
object-fit:contain !important;
}
/* Keep concern icon and label separated even with larger uploaded artwork. */
.pvl-root .pvl-concern-benefit{
min-width:0 !important;
gap:10px !important;
}
.pvl-root .pvl-concern-benefit-icon img{
width:36px !important;
height:36px !important;
max-width:36px !important;
max-height:36px !important;
}
/* Prevent large trust/help icons from spilling into adjacent text/items. */
.pvl-root .pvl-concerns-help-button img,
.pvl-root .pvl-concerns-trust-item img{
flex:0 0 auto !important;
object-fit:contain !important;
}
.pvl-root .pvl-concerns-trust-item{
min-width:0 !important;
}
.pvl-root .pvl-concerns-trust-item strong{
min-width:0 !important;
}
@media (max-width:700px){
.pvl-root .pvl-peptide-benefits li.has-custom-benefit-icon{
padding-left:31px !important;
min-height:24px !important;
}
.pvl-root .pvl-peptide-benefits .pvl-benefit-custom-icon{
width:22px !important;
height:22px !important;
max-width:22px !important;
max-height:22px !important;
}
.pvl-root .pvl-concern-benefit-icon img{
width:32px !important;
height:32px !important;
max-width:32px !important;
max-height:32px !important;
}
}
/* v1.0.66 — Home icon size reduction + anti-overlap
Keep uploaded icons compact so labels always have enough room. */
.pvl-root .pvl-concern-benefit-icon{
width:24px !important;
height:24px !important;
min-width:24px !important;
min-height:24px !important;
flex:0 0 24px !important;
overflow:hidden !important;
}
.pvl-root .pvl-concern-benefit-icon img{
width:20px !important;
height:20px !important;
max-width:20px !important;
max-height:20px !important;
object-fit:contain !important;
}
.pvl-root .pvl-concern-benefit{
gap:6px !important;
min-width:0 !important;
}
.pvl-root .pvl-concern-benefit > *:last-child{
min-width:0 !important;
overflow-wrap:anywhere !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
width:32px !important;
height:32px !important;
min-width:32px !important;
min-height:32px !important;
padding:5px !important;
margin-bottom:14px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image,
.pvl-root .pvl-science-card .pvl-science-custom-icon{
width:22px !important;
height:22px !important;
max-width:22px !important;
max-height:22px !important;
}
.pvl-root .pvl-peptide-benefits li.has-custom-benefit-icon{
padding-left:27px !important;
min-height:22px !important;
position:relative !important;
}
.pvl-root .pvl-peptide-benefits .pvl-benefit-custom-icon{
width:18px !important;
height:18px !important;
max-width:18px !important;
max-height:18px !important;
left:0 !important;
top:50% !important;
transform:translateY(-50%) !important;
object-fit:contain !important;
}
.pvl-root .pvl-badge-icon,
.pvl-root .pvl-number-icon,
.pvl-root .pvl-quiz-card-icon{
overflow:hidden !important;
}
.pvl-root .pvl-badge-icon > img.pvl-custom-icon,
.pvl-root .pvl-number-icon > img.pvl-custom-icon,
.pvl-root .pvl-quiz-card-icon > img.pvl-custom-icon{
width:22px !important;
height:22px !important;
max-width:22px !important;
max-height:22px !important;
}
.pvl-root .pvl-concerns-help-button img{
width:26px !important;
height:26px !important;
max-width:26px !important;
max-height:26px !important;
}
.pvl-root .pvl-concerns-trust-item img{
width:30px !important;
height:30px !important;
max-width:30px !important;
max-height:30px !important;
}
@media (max-width:700px){
.pvl-root .pvl-concern-benefit-icon{
width:22px !important;
height:22px !important;
min-width:22px !important;
min-height:22px !important;
flex-basis:22px !important;
}
.pvl-root .pvl-concern-benefit-icon img{
width:18px !important;
height:18px !important;
max-width:18px !important;
max-height:18px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded{
width:30px !important;
height:30px !important;
min-width:30px !important;
min-height:30px !important;
}
.pvl-root .pvl-science-card .pvl-science-icon.pvl-science-icon-uploaded > img.pvl-science-uploaded-icon-image,
.pvl-root .pvl-science-card .pvl-science-custom-icon{
width:20px !important;
height:20px !important;
max-width:20px !important;
max-height:20px !important;
}
.pvl-root .pvl-peptide-benefits li.has-custom-benefit-icon{
padding-left:25px !important;
min-height:21px !important;
}
.pvl-root .pvl-peptide-benefits .pvl-benefit-custom-icon{
width:17px !important;
height:17px !important;
max-width:17px !important;
max-height:17px !important;
}
}