.viva-logo img{filter:brightness(0) saturate(100%) invert(26%) sepia(81%) saturate(3329%) hue-rotate(221deg) brightness(93%) contrast(94%)}

.viva-logo{display:inline-flex;align-items:center}
.viva-logo img{width:142px;height:auto;max-width:none}
.hero-grid{grid-template-columns:1.07fr 1fr}
.vivalab-page h1{font-size:clamp(46px,4.65vw,68px)}
.hero-lead{font-size:17px}
.viva-hero-visual{isolation:isolate;height:560px}
.viva-backdrop{position:absolute;inset:28px 12px 16px 30px;background:#e0edff;border-radius:170px 170px 35px 35px;z-index:-1}
.hero-main-vial{position:absolute;left:19%;top:27px;width:65%;border-radius:150px 150px 22px 22px;overflow:hidden;box-shadow:0 14px 35px #17396310}
.hero-main-vial img{width:100%;height:auto}
.hero-mini-vial{position:absolute;width:40%;border:7px solid #fff;border-radius:19px;overflow:hidden;box-shadow:0 15px 40px #152f651a}
.hero-mini-vial img{width:100%;height:auto}
.hero-mini-left{left:-2%;top:200px;transform:rotate(-10deg)}
.hero-mini-right{right:-2%;top:265px;transform:rotate(8deg)}
.viva-quality{left:3px;top:75px;font-size:10px;padding:12px 15px;z-index:3}
.viva-hero-product{left:10%;bottom:0;width:83%;padding:22px 24px;transform:rotate(-3deg);z-index:4}
.viva-hero-product .hero-product-name{font-size:20px;letter-spacing:-.045em}
.viva-hero-product .hero-product-sub{margin-top:11px;font-size:10px;display:flex;justify-content:space-between;gap:15px}
.viva-hero-product .hero-product-sub span{color:var(--blue);font-weight:800}
.hero-note{max-width:420px;font-size:9px}
.catalog-section{padding-bottom:76px}
.peptide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.peptide-card{border:1px solid #e0e7f1;border-radius:24px;overflow:hidden;background:white;min-width:0}
.peptide-photo{position:relative;background:#eee;overflow:hidden}
.peptide-photo>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.peptide-category{position:absolute;left:16px;right:16px;top:16px;z-index:1;background:#ffffffeb;width:max-content;max-width:calc(100% - 32px);font-size:9px;font-weight:700;padding:7px 10px;border-radius:30px;color:var(--product-accent)}
.peptide-content{padding:23px}
.peptide-content h3{font-size:24px;letter-spacing:-.045em}
.peptide-format{color:var(--muted);font-size:10px;margin-top:7px}
.strengths{display:flex;gap:8px;margin-top:20px}
.strengths button{border:1px solid #d7e1ef;min-height:38px;border-radius:9px;background:white;color:var(--muted);font-size:11px;font-weight:700;padding:8px 19px;transition:background-color .15s,border-color .15s}
.strengths button.active{border-color:var(--blue);background:#edf3ff;color:var(--blue)}
.peptide-price{display:flex;align-items:baseline;gap:10px;margin:24px 0 20px}
.peptide-price strong{font-size:29px;line-height:1;letter-spacing:-.06em;font-weight:800}
.peptide-price>span{font-size:9px;color:var(--muted)}
.peptide-content .button{min-height:50px;font-size:12px}
.catalog-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:27px}
.catalog-bottom p{font-size:10px;color:var(--muted)}
.catalog-bottom .text-link{font-size:11px}
.benefits{padding-top:30px}
.benefit h3{font-size:20px}
.benefit-phrase{font-size:10px}
.benefits-action p{font-size:11px}
.viva-sets{padding:78px 0}
.viva-sets .life-grid{gap:75px}
.set-visual{height:610px;position:relative;background:#d4e4fa;border-radius:30px;overflow:hidden;align-self:stretch}
.set-visual>img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}
.set-photo-label{position:absolute;top:24px;left:24px;background:#ffffffed;font-size:11px;font-weight:700;border-radius:30px;padding:10px 14px;z-index:2}
.set-saving-card{position:absolute;left:25px;right:25px;bottom:25px;background:#ffffffed;border-radius:20px;padding:24px;backdrop-filter:blur(10px)}
.set-saving-card>span{display:block;font-size:11px;color:var(--muted)}
.set-saving-card>strong{display:block;font-size:66px;letter-spacing:-.065em;line-height:1.15;color:var(--blue);font-weight:800;margin:9px 0 4px}
.set-saving-card>small{font-size:10px;color:var(--muted)}
.bundle-copy{padding:0}
.bundle-copy h2{font-size:43px}
.bundle-copy>p{margin:18px 0;font-size:11px;max-width:400px}
.bundle-controls>label{font-size:10px;font-weight:700;display:block;margin-bottom:8px}
.bundle-controls>select{font:inherit;font-size:13px;font-weight:700;color:var(--ink);width:100%;height:47px;border:1px solid #cfddef;border-radius:10px;background:#fff;padding:0 14px}
.bundle-strength-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}
.bundle-strength-row>span{font-size:10px;color:var(--muted)}
.bundle-strength-row .strengths{margin:0}
.bundle-strength-row .strengths button{min-height:34px;font-size:10px;padding:7px 13px}
.bundle-quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
.bundle-quantities>button{background:#ffffffa8;border:1px solid #d1deef;border-radius:12px;color:var(--ink);padding:14px 8px;text-align:center}
.bundle-quantities strong{display:block;font-size:11px;font-weight:700}
.bundle-quantities span{display:block;font-size:10px;margin-top:7px;color:var(--muted)}
.bundle-quantities>button.active{background:var(--blue);border-color:var(--blue);color:white}
.bundle-quantities>button.active span{color:#dce7ff}
.bundle-total{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:24px 0 6px;border-top:1px solid #cadbf1;padding-top:20px}
.bundle-total>div>span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}
.bundle-total strong{font-size:33px;font-weight:800;letter-spacing:-.05em;line-height:1.2}
.bundle-comparison{text-align:right}
.bundle-comparison del{display:block;font-size:14px;color:#8895a9;margin-bottom:7px}
.bundle-comparison>span{font-size:9px!important;margin-bottom:0!important}
.bundle-saved{font-size:11px!important;font-weight:700;color:#397c66;margin:6px 0 19px!important}
.bundle-micro{text-align:center;font-size:8px!important;color:var(--muted);line-height:1.6;margin-top:12px!important}
.viva-how{padding-top:85px}
.final-inner{grid-template-columns:1fr 1fr;gap:40px}
.final-inner h2{font-size:clamp(40px,4.2vw,60px)}
.final-sets-link{display:block;font-size:10px;color:#d8e5ff;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.final-vials{display:flex;align-items:center;gap:12px;position:relative}
.final-vials>div{width:33.33%;background:#ffffff15;border:1px solid #ffffff22;border-radius:18px;padding:7px 7px 13px;box-shadow:0 10px 25px #102f8f20}
.final-vials>div:first-child{transform:translateY(23px) rotate(-8deg)}
.final-vials>div:last-child{transform:translateY(23px) rotate(8deg)}
.final-vials img{border-radius:12px;width:100%;height:auto}
.final-vials span{display:block;font-size:9px;font-weight:700;text-align:center;margin-top:12px}
.medical-warning{font-size:14px}
.viva-order-dialog .dialog-product{height:210px;width:100%;margin:0 0 20px;background:#eee;border-radius:17px}
.viva-order-dialog .dialog-product img{transform:none;object-fit:cover;object-position:center 44%;padding:0;width:100%;height:100%}
.viva-order-dialog .dialog-badge{margin-bottom:11px}
.viva-order-dialog>p{margin:12px 0 18px;font-size:12px}
.dialog-price-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}
.dialog-price-line strong{font-size:30px;font-weight:800;letter-spacing:-.05em}
.dialog-price-line>span{font-size:10px;color:#397c66;font-weight:700}
.viva-order-dialog .dialog-handoff{font-size:9px;line-height:1.8;color:var(--muted);margin:16px 0}
.dialog-research{display:block;border-top:1px solid var(--line);padding-top:14px;font-size:9px;color:#7d8ca2;line-height:1.6}
.footer-medical>p:not(.medical-warning){font-size:10px;line-height:1.8}
.mobile-sticky small{font-size:8px}
.button:focus-visible,.strengths button:focus-visible,select:focus-visible,.bundle-quantities button:focus-visible{outline:3px solid #ec9f59;outline-offset:4px}

@media(min-width:1440px){.viva-hero-visual{height:585px}
.hero-main-vial{top:32px}
.hero-mini-left{top:215px}
.hero-mini-right{top:280px}
.viva-hero-product{bottom:2px}
}

@media(max-width:1050px){.viva-logo img{width:130px}
.desktop-nav{gap:20px}
.viva-hero-visual{height:510px}
.hero-main-vial{top:40px;width:68%;left:16%}
.hero-mini-vial{width:42%;border-width:6px}
.hero-mini-left{top:180px}
.hero-mini-right{top:240px}
.viva-quality{font-size:8px;left:-5px;padding:11px 12px}
.viva-hero-product{bottom:9px;padding:20px}
.viva-hero-product .hero-product-name{font-size:17px}
.viva-hero-product .hero-product-sub{font-size:8px}
.hero-lead{font-size:15px}
.peptide-grid{gap:18px}
.peptide-content{padding:20px}
.peptide-content h3{font-size:20px}
.peptide-price strong{font-size:26px}
.strengths button{padding:8px 16px;font-size:10px}
.catalog-bottom{align-items:flex-start}
.viva-sets .life-grid{gap:45px}
.set-visual{height:610px}
.bundle-copy h2{font-size:35px}
.bundle-copy>p{font-size:10px}
.bundle-total strong{font-size:29px}
.bundle-strength-row{gap:8px}
.bundle-strength-row>span{font-size:9px}
.final-inner{gap:30px}
.final-vials{gap:8px}
.final-vials span{font-size:8px}
.benefit h3{font-size:18px}
}

@media(max-width:760px){.viva-logo img{width:127px}
.header-inner{gap:15px}
.header-right .button-small{padding:11px 16px;font-size:10px}
.hero-grid{grid-template-columns:1fr}
.vivalab-page h1{font-size:clamp(43px,9vw,63px)}
.hero-lead{font-size:14px;line-height:1.8}
.hero-note{font-size:8px;line-height:1.6;max-width:320px}
.viva-hero-visual{height:470px;margin-top:20px}
.viva-backdrop{inset:18px 8px 18px 15px;border-radius:140px 140px 28px 28px}
.hero-main-vial{width:68%;left:17%;top:25px;border-radius:130px 130px 20px 20px}
.hero-mini-left{left:-2%;top:177px;width:41%;transform:rotate(-8deg)}
.hero-mini-right{right:-2%;top:235px;width:40%;transform:rotate(7deg)}
.viva-quality{font-size:8px;left:0;top:61px;padding:12px 13px}
.viva-quality svg{height:17px;width:17px}
.viva-hero-product{bottom:0;left:7%;width:86%;padding:20px;transform:rotate(-3deg)}
.viva-hero-product .hero-product-name{font-size:18px}
.viva-hero-product .hero-product-sub{font-size:9px;margin-top:10px;gap:10px}
.proof-item{font-size:10px}
.proof-item small{font-size:8px}
.catalog-section{padding-top:52px;padding-bottom:45px}
.catalog-section .section-heading{margin-bottom:27px}
.catalog-section .section-heading h2{font-size:34px}
.catalog-section .section-heading>p{font-size:10px}
.peptide-grid{grid-template-columns:1fr;gap:23px;max-width:470px;margin:0 auto}
.peptide-card{border-radius:22px;display:grid;grid-template-columns:42% 58%;min-height:257px}
.peptide-photo{height:100%}
.peptide-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 50%;aspect-ratio:auto}
.peptide-category{left:9px;right:9px;top:10px;max-width:calc(100% - 18px);font-size:6px;padding:5px 7px;background:#ffffffe3}
.peptide-content{padding:20px 16px}
.peptide-content h3{font-size:20px}
.peptide-format{font-size:8px;margin-top:5px}
.peptide-content .strengths{margin-top:15px;gap:6px}
.peptide-content .strengths button{font-size:9px;padding:6px 14px;min-height:33px}
.peptide-price{display:block;margin:18px 0 17px}
.peptide-price strong{font-size:28px}
.peptide-price>span{display:block;font-size:8px;margin-top:5px}
.peptide-content .button{font-size:10px;min-height:42px;padding:12px 14px;gap:16px}
.peptide-content .button svg{height:16px;width:16px}
.catalog-bottom{display:block;margin-top:23px}
.catalog-bottom p{font-size:9px;margin-bottom:14px}
.catalog-bottom .text-link{font-size:10px}
.benefits{padding-top:25px}
.benefits .section-heading>p{font-size:11px}
.benefit h3{font-size:17px}
.benefit-phrase{font-size:9px}
.benefits-action p{font-size:9px}
.viva-sets{padding:40px 0 48px}
.viva-sets .life-grid{grid-template-columns:1fr;gap:35px}
.set-visual{height:340px;border-radius:23px;max-width:470px;width:100%;justify-self:center}
.set-visual>img{object-position:center 40%}
.set-photo-label{font-size:9px;left:18px;top:18px;padding:8px 11px}
.set-saving-card{left:auto;right:16px;bottom:16px;width:170px;padding:17px}
.set-saving-card>span{font-size:9px}
.set-saving-card>strong{font-size:49px;margin-top:7px}
.set-saving-card>small{font-size:7px}
.bundle-copy h2{font-size:35px}
.bundle-copy>p{font-size:11px;max-width:none;margin:18px 0 21px}
.bundle-controls>label{font-size:10px}
.bundle-controls>select{height:48px;font-size:13px}
.bundle-strength-row{margin-top:16px}
.bundle-strength-row>span{font-size:10px}
.bundle-strength-row .strengths button{font-size:10px;padding:8px 16px}
.bundle-quantities{gap:8px;margin-top:19px}
.bundle-quantities strong{font-size:10px}
.bundle-quantities span{font-size:9px}
.bundle-quantities>button{padding:14px 6px}
.bundle-total{margin-top:24px;padding-top:19px}
.bundle-total strong{font-size:32px}
.bundle-total>div>span{font-size:9px}
.bundle-comparison del{font-size:13px}
.bundle-saved{font-size:11px!important}
.bundle-micro{font-size:8px!important}
.viva-how{padding-top:58px}
.final-inner{grid-template-columns:1fr;gap:35px;padding-bottom:49px}
.final-inner h2{font-size:43px}
.final-vials{max-width:420px;width:100%;justify-self:center;gap:10px;margin-top:5px;padding-bottom:15px}
.final-vials>div{border-radius:15px;padding:5px 5px 12px}
.final-vials img{border-radius:10px}
.final-vials span{font-size:8px}
.final-sets-link{font-size:9px;margin-top:17px}
.medical-warning{font-size:13px}
.footer-medical>p:not(.medical-warning){font-size:9px;line-height:1.85}
.viva-order-dialog .dialog-product{height:180px}
.viva-order-dialog h2{font-size:30px}
.viva-order-dialog>p{font-size:12px}
.dialog-price-line strong{font-size:29px}
.viva-order-dialog .dialog-handoff{font-size:9px}
.dialog-research{font-size:8px}
.faq-heading h2{font-size:34px}
.faq-heading h2 br{display:none}
.faq-heading h2 br:after{content:" "}
}

@media(max-width:375px){.viva-logo img{width:118px}
.vivalab-page h1{font-size:40px}
.viva-hero-visual{height:420px}
.hero-mini-left{top:165px}
.hero-mini-right{top:211px}
.viva-hero-product{padding:18px}
.viva-hero-product .hero-product-name{font-size:16px}
.viva-hero-product .hero-product-sub{font-size:8px}
.peptide-content{padding:18px 12px}
.peptide-content h3{font-size:18px}
.peptide-content .strengths button{padding:6px 11px}
.peptide-card{min-height:248px}
.peptide-category{font-size:5px}
.bundle-copy h2{font-size:32px}
.bundle-quantities strong{font-size:9px}
.bundle-total strong{font-size:29px}
.final-inner h2{font-size:40px}
}


.fixed-strength{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 18px;border:1px solid #c4d5ef;border-radius:9px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:700}