:root { --primary: #13a0e6; --secondary: #FF8908; --secondary-light: #ff9c2f; --text-color: #202020; --light-text-color: #50504f; --title-color: #211f20; }
* { margin:0; padding:0; box-sizing:border-box; transition:all 150ms ease-in-out; outline:none; border:none; }
body { font-family: "Inter", sans-serif; background-color: #fff; }
.container { max-width: 1062px !important; margin: 0 auto; }
.smaller-container { max-width:690px; margin: 0 auto; }
header { border-bottom: 1px solid #ddd; padding: 10px 0; }
.main-logo { object-fit: contain; width: 170px; }
header nav { height: fit-content; margin: auto 0; }
header nav ul { padding: 0; margin: 0; }
header nav ul li { display: inline-block; padding: 0 5px; }
header nav ul li a { text-decoration: none; color: #474747; text-transform: uppercase; }
header nav ul li a:hover { color: var(--primary); font-weight: 500; }
section { padding: 30px 0; }
.banner { background: linear-gradient(180deg, rgba(25, 125, 174, 1) 0%, rgba(41, 156, 213, 1) 45%, rgba(57, 188, 252, 1) 100%); color: #fff; }
h1 { font-weight: 800; line-height: 1; font-size: 48px; }
h2 { font-weight: 400; font-size: 26px; line-height: 1.2; }
h3 { font-weight: 400; line-height: 1.1; font-size: 24px; }
.page-btn { background-color: var(--secondary); color: #fff; text-decoration: none; width: 100%; max-width: 550px; text-align: center; font-size: 24px; font-weight: 700; text-transform: uppercase; padding: 10px 0; border-radius: 7px; box-shadow: 3px 3px 3px rgba(0, 0, 0, .325); }
.page-btn:hover { background-color: var(--secondary-light); }
.pos-relative { position: relative; }
.strike { position: relative; }
.strike::before { position: absolute; content: ''; left: 0; top: 45%; right: 0; border-top: 2px solid; border-color: #f00; -webkit-transform: skewY(333deg); -moz-transform: skewY(333deg); transform: skewY(333deg); }
.mobile { display: none !important; }
.desktop { display: block !important; }
.offers { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem; }
.offer { max-width: 320px; min-width: 320px; width: 100%; border: 1px solid #676767; border-radius: 10px; padding: 20px; max-height: 698px; position: relative; }
.offer * { font-family: 'Inter', sans-serif !important; }
.main-offer { background-color: #CCE0FF; border: 3px solid #002C74; max-height: unset; height: 750px; padding: 40px 20px; }
.best-value-bg { position: absolute; top: 0; left: 0; transform: scale(1.08); }
.best-value-text { position: absolute; top: 21px; left: -1px; transform: rotate(-40deg); font-size: 11px; font-weight: 700; line-height: 1; color: #fff; }
.alt-offer { max-height: 710px; }
.offer .left-side { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.base-prod-left-side { /* Specific width for the 1-bottle offer's left side */ }
.offer-description { font-size: 20px; font-weight: 700; color: var(--text-color); line-height: 1.2; }
.offer-description br { display: none; }
.offer-title { font-size: 38px; font-weight: 700; color: var(--text-color); line-height: 1; text-transform: uppercase; }
.offer-image { display: block; object-fit: contain; }
.main-offer-image { /* Specific height for the main offer image */ }
.offer-secondary-image { /* Specific height for the secondary offer image */ }
.offer-bottom-description { font-size: 13px; font-weight: 700; line-height: 1; }
.offer-dosis { font-size: 13px; font-weight: 400; line-height: 1; }
.offer .right-side { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
.offer-retail { font-size: 18px; font-weight: 700; line-height: 1; color: #000; }
.offer-price { font-size: 42px; font-weight: 700; line-height: 1; color: #002c74; }
.offer-per-bottle { font-size: 18px; font-weight: 700; line-height: 1; color: #000; transform: translate(0, 19px); }
.offer-per-day { font-size: 16px; font-weight: 400; line-height: 1; color: #000; }
.offer-savings { font-size: 18px; font-weight: 700; line-height: 1; color: #000; }
.offer-shipping { font-size: 17px; font-weight: 400; line-height: 1; color: #000; display: flex; justify-content: center; align-items: center; gap: 0.5rem; }
.truck { display: block; object-fit: contain; }
.offer-button { background: linear-gradient(346deg, #EEA609 0%, #F2C155 50%, #F6DB9F 82%); width: 100%; border: 2px solid #DD900A; border-radius: 50px; text-decoration: none; color: #000; height: 57px; display: flex; align-items: center; justify-content: center; }
.offer-button span { font-size: 25px; font-weight: 700; line-height: 1; transform: translate(-20px, 0); }
.offer-button img { display: block; object-fit: contain; width: 76px; position: absolute; right: -12px; }
.offer-guarantee { font-size: 16px; font-weight: 700; line-height: 1; }
.offer-cards { display: block; object-fit: contain; }
footer { background-color: #F4F4F4; padding: 40px 0; }
footer span, footer p, footer a { text-align: center; font-size: 14px; line-height: 1.1; margin: 0; color: #7f7f7f; } /* Updated line-height */
footer nav a { text-decoration: none; }
.dr-img { object-fit: contain; width: 162px; border-radius: 7px; }
.dr-title { font-size:20px; line-height: 1.1; font-weight: 700; }
.dr-caption { color:var(--text-color); font-size:20px; line-height: 1.1; }
sup { font-size: 13px; top: -12px; right:2px; }
iframe { position: absolute; width: 0; height: 0; z-index: -1000; }
.product-box h6, .product-box span, .product-box .button { font-family: "Roboto", sans-serif !important; }
.product-box { border: 1px solid #dedede; border-radius: 8px; padding: 25px; width: 320px; }
.product-box .top-label { color: #fff; background-color: #939393; padding: 5px 15px; border-radius: 8px; font-size: 22px; font-weight: 700; position: absolute; top: -22px; }
.product-box .name { font-size:36px; line-height: 1; font-weight: 700; text-align: center; }
.product-box .price { font-size:42px; font-weight: 700; letter-spacing: -1.2px; line-height: 1; }
.product-box .savings { font-size: 17px; color: var(--text-color); font-weight: 400; }
.product-box .button { text-decoration:none; background-color: #fff; color:rgb(112, 112, 112); border: 1px solid #939393; font-size:20px; border-radius: 8px; width: 100%; text-align: center; height:48px; font-weight:500; text-transform: uppercase; }
.product-box .image { object-fit: contain; height: 125px; }
.free-seal { position:absolute; top: 0; right: 0; }
.free-seal img { object-fit: contain; width: 48px; }
.free-seal span { position: absolute; top: calc(50% - 12px); right: calc(50% - 17px); color: #fff; text-transform: uppercase; transform: rotateZ(-20deg); font-weight: 600; font-size: 15px; }
.best-value .top-label { background: linear-gradient(180deg, #1A7EB0 0%, #39BBFB 100%); }
.best-value .price { color:#13A0E6 !important; }
.best-value .button { background-color: #13A0E6; color: #fff; border: none; }
.starter .savings { visibility: hidden; }
.shield { object-fit: contain; width: 50px; filter: invert(30%) sepia(44%) saturate(453%) hue-rotate(121deg) brightness(96%) contrast(89%); transform: translate(0, -30px); }
.guarantee-title .title { font-size: 36px; line-height:1; color:var(--secondary-color); font-weight:600; }
.guarantee-title .subtitle { font-size: 24px; color:var(--text-color); font-weight: 400; line-height: 1.2; }
.icon { object-fit: contain; width: 30px; }
.alert-icon { transform: translate(0, -5px); }
p { font-size: 20px; line-height: 1.2; margin-bottom:30px; }
.checklist { width: 81%; margin: 0 auto; }
ul { padding: 0; }
.cta { background: #1A7EB0; color:#fff; text-decoration:none; padding: 14px 0; width: 100%; max-width: 650px; border-radius: 8px; text-align: center; font-size: 24px; font-weight: 700; transition: all 0.2s ease-in-out; }
.cta:hover { background: #13A0E6 }
.unchecked { width: 16px; height:16px; border:1px solid rgb(175, 175, 175); border-radius: 100%; }
.checked { width:17px; height: 17px; background-color: #13A0E6; border-radius: 100%; justify-content: center; align-items: center; }
.checked .inner { width: 7px; height:7px; background-color: #fff; border-radius: 100%; }
.selectable { border:1px solid #D1D5DB; border-radius: 10px; padding:10px 15px; }
.selected { border:2px solid #13A0E6; }
.prod-mobile { object-fit: contain; height: 80px; min-width: 103px; }
.name-mobile { font-size:18px; line-height: 1; font-weight: 700; }
.price-mobile { font-size:18px; line-height: 1; font-weight: 700; color:#13A0E6; }
.savings-mobile { font-size:14px; line-height: 1; color:#303030; }
.mobile-link { text-decoration: none; background-color: #13A0E6; color:#fff; width:100%; height:53px; display:flex; justify-content: center; align-items: center; border-radius: 50px; font-size:18px; font-weight: 700; }
.subheadline { font-size:22px; }
.mid-page-img { object-fit: contain; width: 100%; /* max-width: 650px; */ margin: 0 auto; border-radius: 7px; }
.small-icon { object-fit: contain; width: 30px; }
.mid-page-btn { background-color: #3ab55e; color:#fff; text-decoration: none !important; padding:12px 0; width: 100%; max-width: 450px; text-align: center; border-radius: 7px; font-size: 22px; font-weight: 600; }
.mid-page-title { text-align: center; font-weight: 700; font-size:36px; }
.ingredient-card { box-shadow: 0px 0px 12px 0px rgba(219, 219, 219, 0.75); border-radius: 10px; padding:15px; }
.ingredient-card .title { font-size:28px; font-weight: 700; line-height: 1; }
.ingredient-card .text { font-size:20px; line-height: 1.2;}
.title-mobilee { color:#0ca6de; }
.title-collavant { color:#6d10ae; }
.title-apres { color:#ef8c42; }
.ingredients-icon { object-fit: contain; height: 45px; }
.collavant-icon { filter: brightness(0) saturate(100%) invert(13%) sepia(69%) saturate(6497%) hue-rotate(276deg) brightness(74%) contrast(102%); }
.apresflex-icon { filter: brightness(0) saturate(100%) invert(61%) sepia(37%) saturate(770%) hue-rotate(341deg) brightness(94%) contrast(98%); }
.testimonial { max-width: 33%; }
.testimonial .name { font-weight: 700; font-size:20px; line-height: 1; }
.testimonial .place { font-size:18px; }
.testimonial .text { font-size:18px; text-align: center; line-height: 1.2; }
.testimonial .image { object-fit:cover; width: 100%; max-height:181px; border-radius: 7px; }
.stars { object-fit: contain; max-width: 120px; }
.rating span { line-height: 1.2; }
.colored-bg { background-color: #f9fcfe; padding: 50px 0; }
.step-card { border:1px solid #dedede; border-radius: 7px; padding:20px 15px; max-width: 30%; min-height: 281px !important; }
.step-card .title { font-size:24px; font-weight: 700; text-align: center; }
.step-card span { line-height: 1.3; font-size:18px; }
.step-card .img-wrapper { background-color:#dbf1f8; border-radius: 100%; padding:15px; }
.step-card .img-wrapper img { object-fit:contain; width: 60px; }
.grey-icon { filter: brightness(0) saturate(100%) invert(86%) sepia(0%) saturate(11%) hue-rotate(176deg) brightness(82%) contrast(94%); }
table { width: 100%; border-bottom:1px solid rgb(223, 223, 223); font-size:18px; }
table th { font-weight:400; line-height: 1.1; }
table tr { height: 50px; border-top:1px solid rgb(223, 223, 223); }
table td { text-align: center; }
.body-img { object-fit: contain; width: 400px; border-radius: 10px; }
.right-img { float:right; }
.img-callout { background-color: #f1edeb; padding: 10px; }
.big-icon { object-fit: contain; width:40px; }
.items-grid { display:grid; grid-template-columns: repeat(2, 1fr); justify-content: center; align-items: center; row-gap:20px !important; max-width: 70%; margin: 0 auto; }
.item { min-width:25%; }
.third-test { margin-top:-20px; }
.accordion { width: 100%; margin: auto; }
.accordion-item { font-size:22px; background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 10px; overflow: hidden; transition: box-shadow 0.3s; }
.accordion-title { padding: 15px 20px; cursor: pointer; font-weight: bold; background: #f1f1f1; position: relative; }
.accordion-title::after { content: '+'; position: absolute; right: 20px; transition: transform 0.3s; }
.accordion-title.active::after { content: '-'; }
.accordion-content { max-height: 0; overflow: hidden; padding: 0 20px; background: #fff; transition: max-height 0.3s ease, padding 0.3s ease; }
.accordion-content.open { padding: 15px 20px; }
.accordion-content ul { padding-left: 40px; }
.accordion-content p { margin-bottom: 15px; }
.accordion-content p:last-child { margin-bottom: 0; }
.main-img-container { height: 557px; }
.h-full { height: 100%; }
.top-container { max-width: 1340px; margin: 0 auto; }
.top-section { padding: 0; background-color: #06A1E6; overflow: hidden; }
.top-bar { background-color: #FFC019; height: 50px; z-index: 1; position:relative; }
.top-bar span { font-size:18px; font-weight: 600; line-height: 1; }
.top-banner { color:#fff; }
.top-banner .left { width: 57%; }
.top-checklist { display:grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap:5px; }
.top-checklist span { font-size:16px; font-weight: 700; line-height: 1; }
.top-main-btn { background-color: #FF8908; height: 70px; width: 100%; font-size:31px; line-height: 1; text-decoration: none; color:#fff; font-weight: 700; border-radius: 4px; max-width: 702px; position: relative; z-index:1; }
.top-banner-img { position: absolute; right: 0; top:-50px; z-index:0; }
.right .prod-img-wrapper { transform: translate(-177px, 50px); }
.off-badge { position:absolute; top:-15px; right:110px; }
.prod-banner-mobile, .top-banner-img-mobile { display:none; } 
.cta-labels { font-size:13px; color:#424242; }

@media screen and (min-width:1600px) {
    .outer-container { max-width: 1321px; margin:0 auto; }
}
@media screen and (max-width: 1300px) {
    .top-container { max-width: unset; width: 100%; padding: 0 20px; }
    .right .prod-img-wrapper { transform: translate(-80px, 50px); }
    .top-banner-img { right:-70px; }
    h1 br { display: none; }
    h2 { font-size:24px; }
    .top-main-btn { max-width: 640px; }
}
@media screen and (max-width:1200px) {
    h2 { font-size:20px; }
    .right .prod-img-wrapper { transform: translate(-50px, 50px); }
    .banner-prod-img { object-fit: contain; width: 350px; }
    .off-badge { object-fit: contain; width: 75px; top:-5px; }
    .top-bar { height: 40px; }
    .top-bar span { font-size:16px; }
    .top-bar .top-small-icon { object-fit: contain; width: 15px; }
    .top-icon { object-fit: contain; width: 18px; }
    .top-main-btn { font-size:26px; }
}
@media screen and (max-width: 992px) {
    .colored-bg, section { padding:30px 0; }
    h1 { font-size:39px; }
    h2 { font-size:18px; }
    h3 { font-size: 22px; }
    .banner-prod { object-fit: contain; width: 300px; }
    .page-btn { font-size: 22px; padding: 6px 0; }
    .dr-img { width:130px; }
    .dr-title { font-size:18px; }
    .dr-caption { font-size:17px; }
    .product-box { padding:20px; }
    .product-box .name { font-size:26px; }
    .free-seal { top:8px; right:-10px; }
    .product-box .top-label { font-size:20px; }
    .guarantee-title .title { font-size:30px; }
    .guarantee-title .subtitle { font-size:20px; }
    .shield { width: 45px; transform: translate(0, -20px); }
    .checklist { width: 96%; }
    p { font-size:20px; }
    .desktop { display: none !important; }
    .mobile { display: block !important; }
    .offer { max-width:500px; padding: 12px; }
    .offer .left-side { width:46%; }
    .offer-description { font-size:17px; }
    .offer-title { font-size:36px; }
    .offer-image { object-fit:contain; }
    .main-offer { height:fit-content; }
    .main-offer-image { height:124px !important; }
    .best-value-bg { object-fit:contain; width:60px; }
    .best-value-text { top:16px; left:-7px; font-size:10px; }
    .offer-secondary-image { object-fit:contain; height:139px; }
    .base-prod-left-side { width:44% !important; }
    .main-img-container { height: fit-content; min-height: 208px; }
    .main-product-img { height: fit-content; }
    .step-card .title { font-size:20px; }
    .step-card .img-wrapper img { width: 50px; }
    .body-img { width:365px; }
    .top-main-btn { font-size:22px; }
    .top-banner-img { right:-145px; }
    .banner-prod-img { width: 280px; }
    .right .prod-img-wrapper { transform: translate(-10px, 20px); }
    .off-badge { right:70px; }
    .top-checklist span { font-size:14px; }
}
@media screen and (max-width:768px) {
    .smaller-container { padding: 0 12px; }
    h1 { font-size:32px; padding-right: 0; }
    h2 { font-size:22px; text-align: center; }
    h3 { font-size:18px; }
    .banner-prod { width: 200px; }
    .page-btn { font-size: 20px; }
    .main-logo { width: 140px; }
    header nav ul li a { font-size: 15px; }
    .dr-img { width:115px; }
    .dr-title { font-size:17px; }
    .guarantee-title .title { font-size:23px; }
    .shield { width:30px; transform:translate(0, -46px); }
    .guarantee-title .subtitle { font-size:18px; }
    p { font-size:18px; }
    .icon { width:30px; }
    .checklist { width:100%; }
    footer a, footer span { font-size:13px; }
    .cta { font-size:19px; padding:10px 0; }
    .dr-wrapper { min-width: 43%; }
    .desktop { display:none !important; }
    .mobile { display:flex !important; }
    .small-icon { width:27px; }
    .mid-page-title { font-size:30px; }
    .subheadline { font-size:20px; }
    .ingredient-card .text { font-size:16px; }
    .ingredients-icon { height: 36px; }
    .ingredient-card .title { font-size:26px; }
    .ingredient-card { padding:10px; }
    .testimonial .name { font-size:18px; }
    .testimonial .place { font-size:16px; }
    .testimonial .text { font-size:16px; }
    table { font-size:15px; }
    .step-card { max-width: 100%; }
    .step-card .title { font-size:25px; }
    .body-img { width:300px; }
    .accordion-title { font-size:20px; }
    .right, .top-banner-img { display:none !important; }
    .top-banner .left { width: 100%; }
    .top-main-btn { max-width: unset; box-shadow: 0px -5px 8px 0px #000000A6; }
    .top-checklist { background: rgba(0,0,0,0.7); display: flex; flex-direction: column; width: fit-content; padding:10px; border-radius: 6px; z-index:1; position:relative; }
    .top-banner-img-mobile { display:block; position:absolute; bottom: calc(-50vw - -92% * 0.5); left: 0; z-index:0; object-fit: contain; width: 100%; }
    .prod-banner-mobile { display: block; margin-top:10px; }
    .banner-prod-img-mobile { object-fit: contain; width: 100%; max-width: 280px; }
    .off-badge-mobile { position:absolute; top: 0; left: 150px; object-fit: contain; width: 50px; }
    .top-bar span { font-size:14px; }
    .top-bar .top-small-icon { width: 12px; }
    .accordion-content ul { padding-left: 25px; }
}
@media screen and (max-width:576px) {
    h1 { font-size:34px !important; }
    h2 { font-size:15px; }
    .banner-prod { width: 80%; margin: 0 auto; }
    .page-btn { font-size: 22px; padding: 8px 0; }
    .main-logo { width: 110px; }
    header nav ul li a { font-size: 13px; }
    .dr-img { width:100px; }
    .dr-title { font-size:14px; }
    .dr-caption { font-size:14px; }
    .offer { padding:10px 5px; }
    .offer .left-side { width:52%; }
    .base-prod-left-side { width:52% !important; }
    .offer-description { font-size:13px; }
    .offer-description br { display:inline-block; }
    .offer-title { font-size:27px; }
    .offer-dosis { font-size:11px; }
    .offer-image { object-fit:contain; height:128px; }
    .offer-retail { font-size:15px; }
    .offer-price { font-size:30px; }
    .offer-per-bottle { font-size:14px; transform:translate(0, 13px); }
    .offer-per-day { font-size:15px; }
    .offer-savings { font-size:16px; }
    .offer-shipping { font-size:14px; }
    .truck { object-fit:contain; width:20px; }
    .offer-button { height:48px; max-width:200px !important; }
    .offer-button span { font-size:17px; }
    .offer-button img { width:57px; right:-6px; }
    .offer-guarantee { font-size:13px; }
    .offer-cards { object-fit:contain; width:130px; }
    .main-offer-image { height:90px !important; }
    .offer-secondary-image { height:104px !important; }
    .secondary-br { display:none !important; }
    .mid-page-btn { font-size:20px; }
    .mid-page-title { font-size:26px; }
    .subheadline { font-size:18px; }
    .third-test { margin-top:0; }
    .testimonial { max-width:100%; }
    .testimonial .image { object-fit: contain; width:70px; max-height: unset; }
    .testimonial .text { text-align: start; }
    .small-icon { width:20px; }
    table tr { height:60px; }
    section, .colored-bg { padding:20px 0; }
    .bottom-list, .bottom-list p, .bottom-list li { font-size:16px !important; }
    .stars { max-width:80px; }
    .step-card { padding:12px; }
    .body-img { width:100%; }
    .items-grid { max-width:100%; }
    #offers { padding-bottom: 10px; }
    footer { padding: 30px 0; }
    footer a, footer span, footer p { font-size:12px; }
    .accordion-title { font-size:18px; padding: 12px; } 
    .accordion-content.open { padding:12px; }
    .top-banner-img-mobile { bottom: calc(-50vw - -115% * 0.5); }
    .top-container { padding:0 12px; }
    .top-checklist span { font-size:12px; }
    .top-icon { width: 15px; }
    .top-main-btn { font-size:18px; height: 50px; }
    .offer-bottom-description { font-size: 10px; }
}
@media screen and (max-width:400px) {
    h2 { font-size:14px; }
    .top-checklist { max-width: 70%; }
}