* {
font-family: "Poppins", sans-serif;
margin: 0px;
}
body {
transition: background 1s ease-in-out;
}
body,
html {
position: relative;
background-color: #aedaf9 !important;
} body::before {
content: '';
position: fixed; inset: 0;
z-index: 0;
pointer-events: none;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");
background-repeat: repeat;
background-size: 200px 200px; mix-blend-mode: multiply;
opacity: 0.6; } body>* {
position: relative;
z-index: 1;
}
body,
.tab {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #888888 #ffffff !important;
}
*,
:focus-visible {
outline: none !important;
}
button:focus {
outline: none !important;
}
::-webkit-scrollbar-thumb {
background: #000 !important;
}
*,
::after,
::before {
box-sizing: border-box;
}
@font-face {
font-family: "DIN Condensed Bold";
src: url(//lesessentielleslab.com.tn/wp-content/themes/lesessentielleslab/assets/fonts/din-condensed-bold.woff2) format("woff2"),
url(//lesessentielleslab.com.tn/wp-content/themes/lesessentielleslab/assets/fonts/din-condensed-bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
} .hero-gummies-section {
position: relative;
overflow: hidden;
min-height: 100vh;
display: flex;
align-items: center;
}
.discover-collagene .col-lg-8 {
justify-content: end;
display: flex;
}
.hero-visual-wrapper {
position: relative;
width: 86%;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
} .hero-main-image {
position: relative;
z-index: 2;
margin: 0;
text-align: end;
}
.hero-main-image img { }
.hero-main-image img.discover-collagene__img {
margin-top: 60px;
} .gummies-decor-hero {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
}
.gummy-hero {
position: absolute;
will-change: transform;
}
.gummy-hero img {
width: 65px;
height: auto;
transform: translateZ(0);
} .reviews-section .gummy-hero-1 {
top: 2%;
left: 3%;
}
.reviews-section .gummy-hero-1 img {
transform: rotate(287deg);
width: 100px;
}
.reviews-section .gummy-hero-2 {
top: 21%;
left: 48%;
}
.reviews-section .gummy-hero-2 img {
transform: rotate(347deg);
width: 50px;
}
.reviews-section .gummy-hero-3 {
top: 12%;
right: 35%;
}
.reviews-section .gummy-hero-3 img {
transform: rotate(114deg);
width: 55px;
}
.reviews-section .gummy-hero-4 {
top: 0%;
right: 4%;
}
.reviews-section .gummy-hero-4 img {
transform: rotate(5deg);
width: 95px;
}
.reviews-section .gummy-hero-5 {
top: 19%;
left: 19%;
}
.reviews-section .gummy-hero-5 img {
transform: rotate(4deg);
width: 75px;
}
.reviews-section .gummy-hero-6 {
top: 55%;
right: 3%;
}
.reviews-section .gummy-hero-6 img {
transform: rotate(7deg);
width: 57px;
}
.reviews-section .gummy-hero-7 {
bottom: 8%;
left: 3%;
}
.reviews-section .gummy-hero-7 img {
transform: rotate(42deg);
width: 95px;
}
.reviews-section .gummy-hero-8 {
top: 20%;
right: 16%;
}
.reviews-section .gummy-hero-8 img {
transform: rotate(347deg);
width: 71px;
}
.reviews-section .gummy-hero-9 {
top: 5%;
left: 14%;
}
.reviews-section .gummy-hero-9 img {
transform: rotate(305deg);
width: 48px;
}
.gummy-hero-1 {
top: 11%;
left: -12%;
}
.gummy-hero-1 img {
transform: rotate(287deg);
width: 100px;
}
.gummy-hero-2 {
top: 2%;
left: 48%;
}
.gummy-hero-2 img {
transform: rotate(347deg);
width: 50px;
}
.gummy-hero-3 {
top: 12%;
right: 35%;
}
.gummy-hero-3 img {
transform: rotate(114deg);
width: 55px;
}
.gummy-hero-4 {
top: 1%;
right: 0%;
}
.gummy-hero-4 img {
transform: rotate(5deg);
width: 95px;
}
.gummy-hero-5 {
top: 36%;
left: 15%;
}
.gummy-hero-5 img {
transform: rotate(4deg);
width: 75px;
}
.gummy-hero-6 {
top: 55%;
right: 3%;
}
.gummy-hero-6 img {
transform: rotate(7deg);
width: 57px;
}
.gummy-hero-7 {
bottom: 24%;
left: -3%;
}
.gummy-hero-7 img {
transform: rotate(42deg);
width: 95px;
}
.gummy-hero-8 {
top: 20%;
right: 16%;
}
.gummy-hero-8 img {
transform: rotate(347deg);
width: 71px;
}
.gummy-hero-9 {
top: 5%;
left: 14%;
}
.gummy-hero-9 img {
transform: rotate(305deg);
width: 48px;
} @keyframes gummyBounceHero {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-12px);
}
}
.gummy-hero.bounce {
animation: gummyBounceHero 4s ease-in-out infinite;
} .gummy-hero-1.bounce {
animation-delay: 0s;
}
.gummy-hero-3.bounce {
animation-delay: 0.5s;
}
.gummy-hero-4.bounce {
animation-delay: 1s;
}
.gummy-hero-5.bounce {
animation-delay: 0.5s;
}
.gummy-hero-6.bounce {
animation-delay: 1.5s;
}
.gummy-hero-7.bounce {
animation-delay: 2s;
}
.gummy-hero-8.bounce {
animation-delay: 2.5s;
}
.gummy-hero-9.bounce {
animation-delay: 3s;
} .gummies-packs-section {
position: relative;
overflow: hidden;
} .packs-row {
gap: 40px;
} .pack-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 25px;
padding: 30px;
border-radius: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}
.pack-card:hover {
transform: translateY(-10px);
background: rgba(255, 255, 255, 0.3);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
transition: background 0.3s ease, ease-in-out 0.3s;
} .pack-image {
margin: 0;
width: 100%;
max-width: 420px;
} .pack-291 img {
margin-top: -33px !important;
}
.pack-image img {
width: 100%;
height: auto;
transition: filter 0.3s ease;
}
.pack-card:hover .pack-image img {
filter: drop-shadow(0 15px 40px rgba(0, 0, 0, 0.2));
} .pack-content {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
margin-top: 45px;
}
.pack-title {
color: #2d2d2d;
margin: 0;
letter-spacing: 0.02em;
text-transform: uppercase;
font-weight: 400 !important;
font-size: 24px;
}
.pack-content .magnetic-button {
margin-top: 20px;
} .packs-footer-text {
font-size: 1.1rem;
color: #2d2d2d;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
.cree-pack-title {
max-width: 75%;
} @media (max-width: 991px) {
.gummies-packs-section .title-h2 {
font-size: 2rem;
padding: 0 20px;
}
.packs-row {
gap: 0px;
}
.cree-pack-title {
max-width: 78%;
}
.pack-card {
padding: 25px;
}
.pack-title {
font-size: 1.6rem;
}
.packs-footer-text {
font-size: 1rem;
padding: 0 20px;
}
} @media (max-width: 767px) {
.gummies-packs-section .title-h2 {
font-size: 1.6rem;
}
.pack-card {
padding: 20px;
}
.pack-title {
font-size: 1.4rem;
}
.pack-cta-btn {
font-size: 1rem;
padding: 10px 30px;
}
.packs-footer-text {
font-size: 0.95rem;
}
}
@media (max-width: 575px) {
.gummies-packs-section .title-h2 {
font-size: 1.4rem;
}
.pack-image {
max-width: 300px;
}
} .archive .shop-gummies-section {
padding: 180px 0 40px;
position: relative;
overflow: hidden;
}
.content-title-shop {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content-title-shop p {
max-width: 77%;
}
.gummies-products-grid {
padding: 0px 110px;
}
.gummies-products-grid .col-xl-2 {
padding: 0 !important;
}
.gummies-product-card {
position: relative;
display: block;
text-align: center;
}
.product-card-link {
position: relative;
display: block;
height: 100%;
text-decoration: none;
transition: transform 0.3s ease;
will-change: transform;
}
.product-card-link:hover {
transform: translateY(-10px);
text-decoration: none;
}
.product-card-bg {
position: relative;
aspect-ratio: 2 / 3;
overflow: visible; margin: 0;
inset: 0;
z-index: 1;
}
.gummies-product-card .bg-card-img--offset {
inset: auto;
top: 19px;
left: 0;
right: 0;
bottom: 0;
padding: 0 10px;
}
.bg-card-img {
position: absolute;
inset: 0;
width: 100%;
height: 100% !important;
object-fit: contain; }
.product-card-link:hover .bg-card-img {
filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.25));
}
.product-card-content {
position: absolute;
bottom: 5%;
left: 0;
right: 0;
z-index: 2;
}
.product-card-title {
position: relative;
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
margin: 0;
color: #fff;
letter-spacing: 0;
}
.product-tag-label {
display: inline-block;
font-size: 22px;
color: #fff;
text-transform: capitalize;
font-weight: 300;
letter-spacing: 0.05em;
align-self: center;
position: absolute;
top: -24px;
left: 38%;
}
.product-card-subtitle {
font-size: 0.6rem;
color: #fff;
margin: 0;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0;
}
.product-card-price {
margin: 8px 0 0;
}
.price-amount {
font-size: 1.6rem;
font-weight: 700;
color: #fff;
}
.shop-footer-text {
font-size: 1.1rem;
color: #2d2d2d;
max-width: 900px;
margin: 0 auto;
line-height: 1.6;
} .variation-card {
height: auto;
}
.variation-link {
padding: 0 20px;
}
.variation-image-wrapper {
margin: 0;
position: relative;
overflow: visible; border-radius: 0; }
.variation-img {
width: 100%;
height: auto;
display: block;
transition: filter 0.3s ease;
object-fit: contain;
margin-left: -20px;
}
.gummies-products-grid .col-xl-2:last-child .gummies-product-card .variation-img {
max-width: 80%;
margin-left: 10%;
margin-bottom: 9%;
margin-top: 11%;
}
.pack-products-grid .col-xl-3:last-child .variation-link .variation-img {
max-width: 77%;
margin-left: 10%;
margin-bottom: 6%;
margin-top: 16%;
}
.variation-content {
text-align: center;
padding: 0px 0 20px;
}
.variation-name {
font-weight: 400;
font-size: 20px;
color: #2d2d2d;
margin: 0;
text-transform: capitalize;
letter-spacing: 0.02em;
} @media (min-width: 1600px) { }
@media (max-width: 1600px) {
.benefits-carousel-section .benefits-slide {
max-width: 95% !important;
}
.benefits-carousel-section .benefts-products-carousel {
padding: 40px 150px !important;
}
}
@media (min-width: 1200px) {
.section-insta-gallery .description-title {
max-width: 72%;
}
.benefits-carousel .owl-nav button.owl-next {
right: -70px;
}
.benefits-carousel .owl-nav button.owl-prev {
left: -70px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.variation-name {
font-size: 1.2rem;
}
}
@media (max-width: 1024px) {
.shop-gummies-section .title-h2 {
font-size: 2rem;
padding: 0 20px;
}
.shop-gummies-section .sub-title-h2 {
font-size: 20px;
padding: 0 20px;
}
.product-column {
padding-right: 10px;
}
}
@media (max-width: 767px) {
.shop-gummies-section .title-h2 {
font-size: 1.6rem;
}
.product-tag-label {
font-size: 0.7rem;
padding: 3px 10px;
}
.price-amount {
font-size: 1.3rem;
}
.shop-footer-text {
font-size: 1rem;
padding: 0 20px;
}
.variation-link {
padding: 15px;
}
.variation-name {
font-size: 1.1rem;
}
}
@media (max-width: 575px) {
.shop-gummies-section .title-h2 {
font-size: 1.4rem;
}
.variation-name {
font-size: 1rem;
}
}
@media (prefers-reduced-motion: reduce) {
.product-card-link,
.bg-card-img,
.variation-img,
.magnetic-button {
transition: none;
}
} .pack-builder-section {
position: relative;
padding-top: 200px !important;
min-height: 100vh;
} .pack-products-grid {
gap: 50px;
}
.pack-products-grid .col-xl-3,
.pack-products-grid .col-md-3 {
padding: 0 !important;
} .pack-product-card {
position: relative;
cursor: pointer;
transition: all 0.3s ease;
}
.pack-product-card.has-selection {
opacity: 0.8;
} .selection-badge {
position: absolute;
top: 34px;
right: 5px;
width: 45px;
height: 45px;
border-radius: 50%;
background: #ffffff;
border: 2px solid #000;
color: #000000;
font-size: 18px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
} .add-to-pack-btn {
margin-top: 15px;
} .pack-builder-widget {
background: #eae2df;
border-radius: 70px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
position: sticky;
top: 178px;
}
.pack-widget-title {
font-size: 24px;
font-weight: 400;
color: #2d2d2d;
margin-bottom: 20px;
text-align: center;
} .pack-selections {
display: flex;
gap: 44px;
margin-bottom: 30px;
padding: 0 30px;
}
.pack-choice-slot {
flex: 1;
}
.pack-choice-empty {
background: #acd7f6;
border-radius: 15px;
padding: 60px 20px;
text-align: center;
border: 2px dashed #2d2d2d;
}
.choice-label {
font-size: 1rem;
font-weight: 600;
color: #2d2d2d;
text-transform: lowercase;
}
.pack-choice-filled {
position: relative;
background: #acd7f6;
border-radius: 15px;
padding: 10px;
border: 2px solid #2d2d2d;
}
.choice-image-wrapper {
width: 100%;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 10px;
}
.choice-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.choice-name {
font-size: 0.9rem;
font-weight: 600;
color: #2d2d2d;
text-align: center;
margin: 0;
padding: 0 5px;
}
.remove-choice-btn {
position: absolute;
top: -10px;
right: -10px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #2d2d2d;
color: #fff;
border: none;
cursor: pointer;
font-weight: bold;
font-size: 16px;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.remove-choice-btn:hover {
background: #ff4444;
transform: scale(1.1);
} .pack-quantity-selector {
display: flex !important;
align-items: center;
justify-content: space-around;
margin-bottom: 20px;
width: 100%;
cursor: pointer;
transition: all 0.3s ease;
font-size: 17px;
font-weight: 500;
padding: 2px 0;
text-align: center;
border-radius: 30px;
border: solid 2px #000;
color: #000 !important;
background-color: #fff;
}
.pack-quantity-selector:hover {
background-color: #000;
}
.pack-quantity-selector:hover .qty-input,
.pack-quantity-selector:hover .qty-display,
.pack-quantity-selector:hover .qty-btn {
color: #fff;
}
.qty-btn {
color: #2d2d2d;
font-size: 20px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
width: 36px;
height: 36px;
background: transparent !important;
border: none !important;
text-align: center !important;
}
.qty-btn:hover {
color: #000 !important;
background: #fff !important;
border-radius: 50%;
font-weight: 700;
transition: 0.2s all ease-in-out;
transform: scale(1.2);
}
.qty-input {
text-align: center;
font-size: 18px;
font-weight: 600;
width: 36px;
height: 36px;
background: transparent !important;
border: none !important;
text-align: center !important;
} .pack-price-display {
background: #f5f5f5;
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
}
.pack-original-price,
.pack-discount {
font-size: 1rem;
color: #666;
margin-bottom: 8px;
}
.pack-final-price {
font-size: 1.4rem;
font-weight: 700;
color: #2d2d2d;
margin-top: 10px;
padding-top: 10px;
border-top: 2px solid #ddd;
} .pack-add-to-cart-btn {
width: 100%;
cursor: pointer;
transition: all 0.3s ease;
font-size: 17px;
font-weight: 500;
padding: 7px 0px;
width: 100%;
text-align: center;
border-radius: 30px;
border: solid 2px #000;
display: block;
margin: auto;
margin-bottom: 18px;
height: 45px;
color: #000 !important;
}
.pack-add-to-cart-btn:hover:not(:disabled) {
background: #000;
transform: translateY(-2px);
}
.pack-add-to-cart-btn:disabled {
background: #ccc;
cursor: not-allowed;
} .pack-info-message {
font-size: 0.9rem;
color: #666;
text-align: center;
margin-top: 15px;
line-height: 1.4;
} @media (max-width: 991px) {
.pack-builder-widget {
position: static;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.pack-products-grid {
gap: 15px;
justify-content: center !important;
}
.pack-builder-widget {
padding: 20px;
}
.pack-widget-title {
font-size: 1.2rem;
}
.pack-selections {
gap: 15px;
}
.choice-image-wrapper {
height: 100px;
}
}
@media (max-width: 575px) {
.pack-choice-empty {
padding: 40px 15px;
}
.choice-label {
font-size: 0.9rem;
}
.choice-name {
font-size: 0.8rem;
}
} .pack-selections-4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 19px;
margin-bottom: 30px;
padding: 0 40px;
}
.pack-choice-slot-small .pack-choice-empty {
padding: 40px 15px;
}
.pack-choice-slot-small .choice-image-wrapper {
height: 80px;
}
.pack-choice-slot-small .choice-name {
font-size: 0.8rem;
}
@media (max-width: 767px) {
.pack-selections-4 {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.pack-choice-slot-small .pack-choice-empty {
padding: 30px 10px;
}
.pack-choice-slot-small .choice-image-wrapper {
height: 60px;
}
} .decoration-image {
position: relative;
}
.gummies-decor-diff {
width: 100%;
position: absolute;
inset: 0;
pointer-events: none;
z-index: 2;
}
.gummy-diff {
position: absolute;
will-change: transform;
}
.gummy-diff img {
width: 65px;
height: auto;
} .gummy-decor-1 {
top: -74px;
left: 18%;
}
.gummy-decor-1 img {
transform: rotate(208deg);
}
.gummy-decor-2 {
top: 20px;
right: 15%;
}
.gummy-decor-3 {
top: -26%;
left: 6%;
}
.gummy-decor-3 img {
transform: rotate(181deg) !important;
width: 90px;
}
.gummy-decor-4 {
top: -22%;
right: 3%;
}
.gummy-decor-4 img {
transform: rotate(151deg) !important;
width: 78px;
}
.gummy-decor-5 {
bottom: 5%;
left: 8%;
}
.gummy-decor-5 img {
width: 140px;
transform: rotate(330deg) !important;
}
.gummy-decor-6 {
top: -4%;
left: 44%;
}
.gummy-decor-6 img {
width: 157px;
transform: rotate(170deg) !important;
}
.gummy-decor-7 {
bottom: 7%;
left: 46%;
}
.gummy-decor-7 img {
transform: rotate(126deg) !important;
width: 130px;
} @keyframes gummyBounceDiff {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-12px);
}
100% {
transform: translateY(0);
}
}
.bounce {
animation: gummyBounceDiff 4s ease-in-out infinite;
} .gummy-diff img {
transform: translateZ(0);
} @media (max-width:991px) {
.gummy-diff img {
width: 45px;
}
.gummy-decor-2,
.gummy-decor-4 {
display: none;
}
} .reviews-section {
position: relative;
overflow: hidden;
}
.reviews-sectionafter {}
.gummies-decor {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 2;
}
.gummy {
position: absolute;
will-change: transform;
}
.gummy img {
width: 140px;
height: auto;
} @keyframes gummyBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-14px);
}
100% {
transform: translateY(0);
}
}
.gummy-bounce {
animation: gummyBounce 4s ease-in-out infinite;
} .gummy-1 {
top: 50px;
left: 87px;
max-width: 85px;
}
.gummy-1 img {
max-width: 85px;
}
.gummy-2 {
top: 110px;
left: 25%;
}
.gummy-2 img {
max-width: 90px;
}
.gummy-3 {
top: 106px;
right: 42%;
}
.gummy-3 img {
transform: rotate(308deg) !important;
}
.gummy-4 {
top: 99px;
right: 14%;
}
.gummy-4 img {
max-width: 108px;
}
.gummy-5 {
bottom: 158px;
left: 20px;
transform: rotate(115deg) !important;
}
.gummy-5 img {
max-width: 170px !important;
width: fit-content;
}
.gummy-6 {
bottom: 107px;
left: 18%;
}
.gummy-6 img {
max-width: 130px;
transform: rotate(132deg) !important;
}
.gummy-7 {
bottom: 30px;
right: 25%;
}
.gummy-7 img {
transform: rotate(150deg) !important;
}
.gummy-8 {
top: 84px;
right: 27%;
}
.gummy-8 img {
max-width: 80px;
transform: rotate(211deg);
} .gummy-1,
.gummy-3,
.gummy-6,
.gummy-7 {
animation: gummyBounce 5s ease-in-out infinite;
}
.gummy-3 {
animation-delay: 1s;
}
.gummy-6 {
animation-delay: 2s;
}
.gummy-7 {
animation-delay: 3s;
} .gummy img {
transform: translateZ(0);
} @media (max-width: 991px) {
.gummy img {
width: 45px;
}
.gummy-2,
.gummy-4,
.gummy-6 {
display: none;
}
}
.product-benefits-pd-header h3 {
font-size: 15px;
font-weight: 400;
color: #2d2d2d;
}
.product-benefits-pd-header .benefits-icons {
display: flex;
gap: 15px;
justify-content: flex-start;
margin-bottom: 10px;
}
.product-benefits-pd-header .benefit-icon {
width: 50px;
height: 50px;
object-fit: contain;
}
.product-benefits-pd-header .benefits-list-singel-pr {
padding-top: 25px !important;
list-style: none;
padding: 0;
margin: 0;
}
.product-benefits-pd-header .benefits-list-singel-pr li {
padding: 0;
font-size: 15px;
color: #2d2d2d;
line-height: 1.5;
}
.single-product .gummies-product-box {
padding: 60px 44px;
border-radius: 90px;
border: solid 2px;
}
.single-product .shop-gummies-section {
padding-top: 30px;
}
.single-product.product-id-299 .gummies-product-box,
.single-product.product-id-337 .gummies-product-box {
background-color: #ffc0dd;
}
.single-product.product-id-98 .gummies-product-box,
.single-product.product-id-320 .gummies-product-box,
.single-product.product-id-346 .gummies-product-box {
background-color: #eae2df;
}
body.single-product.product-id-98,
body.single-product.product-id-320 {
background-color: #ffc0dd !important;
}
body.single-product.product-id-206,
body.single-product.product-id-326 {
background-color: #ecc9ff !important;
}
body.single-product.product-id-825,
body.single-product.product-id-331 {
background-color: #c7fffb !important;
}
body.single-product.product-id-295 {
background-color: #fdcdb4 !important;
}
.single-product.product-id-206 .gummies-product-box,
.single-product.product-id-326 .gummies-product-box {
background-color: #3f1160;
}
.single-product.product-id-825 .gummies-product-box,
.single-product.product-id-331 .gummies-product-box {
background-color: #e9e1de;
}
.single-product.product-id-206 h1,
.single-product.product-id-206 .product-benefits-pd-header h3,
.single-product.product-id-206 .product-benefits-pd-header .benefits-list-singel-pr li,
.single-product.product-id-326 h1,
.single-product.product-id-326 .product-benefits-pd-header h3,
.single-product.product-id-326 .product-benefits-pd-header .benefits-list-singel-pr li {
color: #fff !important;
}
.product-header h1 {
font-size: 20px;
margin-bottom: 5px;
font-weight: 400 !important;
line-height: 1.2;
}
.single-product.product-id-299 .tab-btn.is-active,
.single-product.product-id-299 .tab-btn:focus,
.single-product.product-id-299 .tab-btn:hover,
.single-product.product-id-337 .tab-btn.is-active,
.single-product.product-id-337 .tab-btn:focus,
.single-product.product-id-337 .tab-btn:hover {
background-color: #86c6f2;
}
.single-product.product-id-337 .tab-btn,
.single-product.product-id-299 .tab-btn {
background: #a5d5f5;
}
.single-product.product-id-295 .tab-btn.is-active,
.single-product.product-id-295 .tab-btn:focus,
.single-product.product-id-295 .tab-btn:hover {
background-color: #ff7070;
}
.single-product.product-id-295 .tab-btn {
background: #ff7070a6;
} .tab-btn {
max-width: 40%;
width: stretch;
position: relative;
border: 2px solid #00000096;
border-radius: 40px;
padding: 12px;
cursor: pointer;
min-height: 170px;
overflow: hidden;
}
.single-product.product-id-98 .tab-btn,
.single-product.product-id-320 .tab-btn {
background: #ffc0dd;
}
.single-product.product-id-206 .tab-btn,
.single-product.product-id-326 .tab-btn {
background: #ecc9ff;
}
.single-product.product-id-233 .tab-btn {
background: #c8ebed;
}
.single-product.product-id-206 .tab-btn,
.single-product.product-id-326 .tab-btn {
background: #ffd300;
}
.single-product.product-id-825 .tab-btn,
.single-product.product-id-331 .tab-btn {
background: #ff9d6c;
}
.tab-btn.is-active,
.tab-btn:focus,
.tab-btn:hover {
border: 2px solid #000 !important;
}
.tab-btn:hover img {
animation: scale-up-center 2s linear infinite;
}
.tab-btn img {
width: auto;
height: auto;
display: block;
margin: 17px auto 6px auto;
max-height: 84px;
}
.product-id-98 .tab-btn img,
.product-id-320 .tab-btn img {
filter: drop-shadow(0 0 0.15rem crimson);
}
.product-id-206 .tab-btn img {
filter: drop-shadow(0 0 0.15rem #bf49ff);
}
.tab-label {
display: block;
font-size: 13px;
text-align: center;
text-transform: capitalize;
color: #000000 !important;
}
.promo {
position: absolute;
top: -1px;
left: 0;
right: 0;
width: 100%; background: #eae2df;
color: #000;
font-size: 18px;
padding: 2px 25px; z-index: 7;
border: 1px solid #000;
overflow: hidden;
}
.single-product section.gummies-gallery .quantity,
.single-product section.gummies-gallery .add-to-cart-btn.single_add_to_cart_button {
background-color: #fff !important;
max-width: 74%;
} .product-id-346 .product-tabs {
gap: 8px !important;
row-gap: 15px !important;
}
.product-id-346 .product-tabs {
justify-content: center;
flex-wrap: wrap;
}
.product-id-346 .tab-btn {
min-height: 140px;
max-width: 30% !important;
}
.product-id-346 .tab-btn:hover,
.product-id-346 .tab-btn.is-active {
background-color: #add8f7;
}
.product-id-346 .product-description-section,
.product-id-346 section.product-tabs-section {
display: none !important;
}
.product-tabs-section {
padding: 80px 0 40px;
}
.product-tabs-section .product-tabs-wrapper {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
} .product-tabs-section .tabs-headers {
display: flex;
gap: 15px;
padding: 20px;
flex-wrap: wrap;
}
.product-tabs-section .tab-header {
flex: 1;
min-width: 200px;
padding: 0px 18px;
border: 2px solid #2d2d2d;
border-radius: 25px;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.single-product.product-id-299 .product-tabs-section .tab-header,
.single-product.product-id-337 .product-tabs-section .tab-header {
color: #131313;
}
.single-product.product-id-299 .product-tabs-section .tab-header,
.single-product.product-id-337 .product-tabs-section .tab-header {
background: #ffb3c9d6;
transform: translateY(-2px);
}
.single-product.product-id-299 .product-tabs-section .tab-header.active,
.single-product.product-id-337 .product-tabs-section .tab-header.active {
background: #ff9db8;
}
.single-product.product-id-98 .product-tabs-section .tab-header,
.single-product.product-id-320 .product-tabs-section .tab-header {
color: #fff
}
.single-product.product-id-98 .product-tabs-section .tab-header,
.single-product.product-id-320 .product-tabs-section .tab-header {
background: #e6007f77;
transform: translateY(-2px);
}
.single-product.product-id-98 .product-tabs-section .tab-header.active,
.single-product.product-id-320 .product-tabs-section .tab-header.active {
background: #e6007e;
}
.single-product.product-id-206 .product-tabs-section .tab-header,
.single-product.product-id-326 .product-tabs-section .tab-header {
color: #fff
}
.single-product.product-id-206 .product-tabs-section .tab-header,
.single-product.product-id-326 .product-tabs-section .tab-header {
background: #3f1160bf;
transform: translateY(-2px);
}
.single-product.product-id-206 .product-tabs-section .tab-header.active,
.single-product.product-id-326 .product-tabs-section .tab-header.active {
background: #3f1160;
}
.single-product.product-id-825 .product-tabs-section .tab-header,
.single-product.product-id-331 .product-tabs-section .tab-header {
background: #ff9d6ccc;
transform: translateY(-2px);
}
.single-product.product-id-825 .product-tabs-section .tab-header.active,
.single-product.product-id-331 .product-tabs-section .tab-header.active {
background: #ff9d6c;
}
.single-product.product-id-295 .product-tabs-section .tab-header {
background: #ff7070d7;
transform: translateY(-2px);
}
.single-product.product-id-295 .product-tabs-section .tab-header.active {
background: #ff7070;
}
.product-tabs-section .tab-arrow {
font-size: 0.8rem;
transition: transform 0.3s ease;
}
.product-tabs-section .tab-header.active .tab-arrow {
transform: rotate(180deg);
} .product-tabs-section .tabs-content {
min-height: 200px;
}
.product-tabs-section .tab-pane {
display: none;
padding: 30px;
}
.product-tabs-section .tab-pane.active {
display: block;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.product-tabs-section .tab-content-inner {
color: #2d2d2d;
} .product-tabs-section .dosage-group {
margin-bottom: 25px;
}
.product-tabs-section .dosage-group:last-child {
margin-bottom: 0;
}
.product-tabs-section .dosage-group h3 {
font-size: 24px;
font-weight: 600;
color: #2d2d2d;
margin-bottom: 10px;
}
.product-tabs-section .dosage-group p {
font-size: 15px;
line-height: 1.6;
color: #2d2d2d;
margin: 0;
} .composition-section {
margin-bottom: 30px;
}
.composition-section:last-child {
margin-bottom: 0;
}
.composition-section h3 {
font-size: 24px;
font-weight: 600;
color: #2d2d2d;
margin-bottom: 15px;
}
.composition-table {
width: 74%;
border-collapse: collapse;
margin-bottom: 10px;
border-radius: 6px;
overflow: hidden;
font-size: 15px;
}
.composition-table th {
padding: 5px 13px;
text-align: left;
font-weight: 600;
color: #2d2d2d;
border: 1px solid #2d2d2d;
}
.composition-table td {
padding: 5px 15px;
border: 1px solid #2d2d2d;
color: #2d2d2d;
}
.vnr-note {
font-size: 0.85rem;
font-style: italic;
color: #2d2d2d;
margin-top: 5px;
}
.ingredients-list {
width: 80%;
}
.ingredients-list p {
font-size: 15px;
line-height: 1.6;
color: #2d2d2d;
margin: 0;
} @media (max-width: 767px) {
.tabs-headers {
flex-direction: column;
gap: 10px;
}
.tab-header {
min-width: 100%;
font-size: 0.9rem;
padding: 12px 15px;
}
.tab-pane {
padding: 20px 15px;
}
.composition-table {
font-size: 0.85rem;
}
.composition-table th,
.composition-table td {
padding: 8px 10px;
}
}
@media (max-width: 575px) {
.composition-table th:last-child,
.composition-table td:last-child {
display: none;
}
} .product-description-section {
padding: 60px 0;
}
.description-content {
text-align: left;
}
.description-title {
font-family: "DIN Condensed Bold", sans-serif;
font-size: 40px;
color: #1c1c1c;
margin-bottom: 0px;
line-height: 1.3;
}
.description-text {
color: #5d4e3c;
}
.description-text p {
font-size: 15px;
line-height: 1.5;
margin-bottom: 25px;
color: #131313;
font-weight: 400
}
.description-text p:last-child {
margin-bottom: 0;
} @media (max-width: 991px) {
.product-description-section {
padding: 50px 0;
}
.description-title {
font-size: 1.8rem;
margin-bottom: 25px;
}
.description-text p {
font-size: 1.05rem;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.product-description-section {
padding: 40px 20px;
}
.description-title {
font-size: 1.5rem;
margin-bottom: 20px;
}
.description-text p {
font-size: 1rem;
line-height: 1.7;
margin-bottom: 18px;
}
}
@media (max-width: 575px) {
.product-description-section {
padding: 30px 15px;
}
.description-text p {
font-size: 0.95rem;
line-height: 1.6;
}
}
.gummies-features-section .gummies-feature-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 20px;
}
.gummies-features-section p.gummies-feature-label {
width: 79%;
font-size: 15px;
font-weight: 400;
}
.gummies-features-grid>div:nth-child(1) .gummies-feature-label {
width: initial;
}
.gummies-benefits-section {
padding: 120px 0;
}
.gummies-benefits-section .gummies-benefits {
padding: 120px 0;
}
.gummies-benefits-section .gummies-benefits-hero {
margin-bottom: 30px;
}
.gummies-benefits-section .benefits-subtitle {
margin: 15px 0 30px;
}
.gummies-benefits-section .benefits-intro {
line-height: 1.6;
}
.gummies-benefits-section .gummies-benefits-image {
max-width: 520px;
}
.gummies-benefits-section p.benefits-intro {
font-size: 15px;
}
.benefits-carousel-section .benefts-products-carousel {
padding: 40px 210px;
}
.benefits-carousel-section .benefits-slide {
max-width: 80%;
}
.benefits-carousel-section .owl-carousel .owl-item {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
} #pack-limit-modal {
position: fixed;
inset: 0;
z-index: 9999;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
display: flex;
align-items: center;
justify-content: center;
}
.pack-modal-box {
position: relative;
background: #fff;
border-radius: 20px;
border: 2px solid #000;
padding: 40px 50px;
max-width: 420px;
width: 90%;
text-align: center;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
animation: modalPop 0.25s ease;
}
@keyframes modalPop {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.pack-modal-close,
.shipping-modal-close {
position: absolute;
top: 14px;
right: 14px;
width: 34px;
height: 34px;
border: 2px solid #2d2d2d;
border-radius: 50%;
background: transparent;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
color: #2d2d2d;
}
.pack-modal-close:hover,
.shipping-modal-close:hover {
background: #2d2d2d;
color: #fff;
transform: rotate(90deg);
}
.pack-modal-message,
.shipping-modal-body p {
font-size: 0.95rem;
line-height: 1.7;
text-align: center;
color: #555;
margin-bottom: 12px;
} body.modal-open {
overflow: hidden;
}
section.sommeil-usage-section {
padding: 115px 0;
}
figure.sommeil-usage-figure {
text-align: center;
} .benefits-carousel .owl-nav {
position: absolute;
top: 40%;
transform: translateY(-50%);
width: 100%;
left: 0;
pointer-events: none;
}
.benefits-carousel .owl-nav button {
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
pointer-events: auto;
}
.benefits-carousel .owl-nav button:hover {
background: #3f1160 !important;
transform: scale(1.1);
}
.benefits-carousel .owl-nav button:hover svg {
color: #fff !important;
}
.benefits-carousel .owl-nav button svg {
color: #333;
} .benefits-carousel .owl-dots {
margin-top: 40px;
text-align: center;
}
.benefits-carousel .owl-dot {
display: inline-block;
margin: 0 6px;
}
section.section-insta-gallery {
position: relative;
}
.section-insta-gallery .instagram-gallery-item__wrap {
border-radius: 50px !important;
max-width: 290px;
border: solid 2px #000;
border-radius: 40px;
height: 100%;
object-fit: cover;
}
.section-insta-gallery a.instagram-gallery__button.instagram-gallery__button--follow {
font-size: 20px !important;
font-weight: 700 !important;
padding: 15px 25px !important;
color: #000 !important;
background-color: #fff !important;
border: solid 2px #000 !important;
border-radius: 28px !important;
}
.section-insta-gallery .instagram-gallery__actions {
margin-top: 100px;
position: relative;
} .site-footer { padding: 10px 20px;
border-top: 1px solid #000;
text-align: center;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 0px;
} .footer-logo {
margin: 0;
max-width: 25%;
} .footer-brand-text {
text-align: center;
}
.footer-brand-title {
font-size: 2.5rem;
font-weight: 400;
color: #2d2d2d;
margin: 0 0 5px 0;
text-transform: lowercase;
letter-spacing: 0.02em;
}
.footer-brand-subtitle {
font-size: 1.2rem;
font-weight: 400;
color: #2d2d2d;
margin: 0;
text-transform: lowercase;
} .footer-legal-nav {
display: flex;
gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.footer-legal-link {
font-size: 10px;
color: #2d2d2d;
text-decoration: underline;
font-style: italic;
font-weight: 400;
transition: opacity 0.2s ease;
}
.footer-legal-link:hover {
opacity: 0.7;
text-decoration: underline;
} .gummies-difference-section {
position: relative;
overflow: hidden;
}  .comparison-row {
position: relative;
z-index: 2;
gap: 40px;
} .comparison-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.comparison-icon {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.exclude-card .comparison-icon {
width: 115px;
height: 115px;
}
.include-card .comparison-icon {
width: 150px;
height: 150px;
margin-top: -37px;
margin-bottom: 2px;
}
.comparison-icon img {
max-width: 100%;
height: auto;
}
.comparison-text {
margin-top: -20px;
background: #eae2df;
border: 2px solid #000;
border-radius: 50px;
padding: 10px 35px;
display: flex;
align-items: center;
justify-content: center;
}
.comparison-text p {
font-size: 20px;
line-height: 1.2;
color: #2d2d2d;
margin: 0;
font-weight: 400;
} .strikethrough {
text-decoration: line-through;
text-decoration-thickness: 2px;
} .decoration-image {
margin: 0;
text-align: center;
}
.decoration-image img {
max-width: 90%;
height: auto;
display: block;
margin: 0 auto;
}
.reviews-section {
padding: 0 0 50px;
}
h2.shop-title-carousel {
max-width: 80%;
}
.reviews-carousel .owl-stage {
display: block;
}
.reviews-carousel .owl-item {
display: flex;
justify-content: center;
}
.review-box {
padding: 24px;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
background: #ffd4f2;
border: 2px solid #000;
border-radius: 58px;
max-width: 360px;
width: 100%;
height: auto;
min-height: 330px;
margin: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.review-rating .stars {
font-size: 20px;
color: #ffc107;
letter-spacing: 2px;
text-shadow: 0 1px 4px rgb(0 0 0 / 69%);
}
.review-author {
font-size: 20px;
margin: 0 0 15px 0;
font-weight: 400;
color: #333;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0px;
}
.review-author span {
display: flex;
align-items: center;
font-size: 20px;
font-weight: 400;
color: #333;
gap: 7px;
} .review-text-preview {
font-size: 15px;
line-height: 1.6;
margin: 0 0 15px 0;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} .review-text-full {
font-size: 15px;
line-height: 1.6;
margin: 0 0 15px 0;
animation: fadeIn 0.3s ease-in-out;
display: none;
}
.rating-stars {
font-size: 24px;
color: #ffc107;
letter-spacing: 2px;
}
.rating-text {
font-size: 16px;
font-weight: 600;
color: #666;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .owl-item.fadeOut {
animation: fadeOut 0.8s ease-out forwards;
}
.owl-item.fadeIn {
animation: fadeIn 0.8s ease-in forwards;
} .review-actions {
display: flex;
gap: 10px;
margin-top: auto;
} .read-more-btn {
background: none;
border: none;
padding: 0;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #000;
text-decoration: underline;
transition: opacity 0.2s ease;
text-align: left;
margin-top: auto;
display: inline-block;
}
.read-more-btn:hover {
opacity: 0.7;
}
.read-more-btn:active {
opacity: 0.9;
}
.read-more-btn:focus {
outline: 2px solid #000;
outline-offset: 2px;
} .read-less-btn {
transition: all 0.2s ease;
background: none;
border: none;
padding: 0;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #000;
text-decoration: underline;
text-align: left;
margin-top: auto;
display: none;
}
.read-less-btn:hover {
opacity: 0.7;
transform: translateY(-2px);
}
.read-more-btn:hover,
.read-less-btn:hover {
color: #378fcc;
text-decoration: underline;
}
.read-less-btn:active {
opacity: 0.9;
}
.read-less-btn:focus {
outline: 2px solid #000;
outline-offset: 2px;
} .read-more-btn[aria-expanded="true"]~.review-text-preview {
display: none;
} .read-more-btn[aria-expanded="true"] .read-more-text::after {
content: " LIRE MOINS …";
}
.read-more-btn[aria-expanded="true"] .read-more-text {
display: none;
} .reviews-carousel .owl-nav button {
width: 50px;
height: 50px; border-radius: 50%;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.reviews-carousel .owl-nav button:hover {
background: #ffd4f2 !important;
transform: scale(1.1);
}
.reviews-carousel .owl-nav button svg {
color: #333;
} .gummies-carousel-section .owl-nav button,
.products-carousel .owl-nav button,
.reviews-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);  border-radius: 50%;
width: 50px;
height: 50px;
font-size: 18px;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.gummies-carousel-section .owl-nav .owl-next {
right: 0px;
}
.gummies-carousel-section .owl-nav .owl-prev {
left: 0px;
}
.products-carousel .owl-nav button:hover,
.reviews-carousel .owl-nav button:hover {
background: #f0f0f0 !important;
}
.reviews-carousel .owl-nav .owl-prev {
left: -60px;
}
.reviews-carousel .owl-nav .owl-next {
right: -60px;
} .reviews-carousel .owl-dots {
margin-top: 25px;
display: flex;
justify-content: center;
gap: 8px;
} .review-cta {
margin-top: 40px;
}
.review-cta a {
font-size: 19px;
padding: 8px 36px !important;
}
.review-cta a:focus {
outline: 2px solid #000;
outline-offset: 2px;
}
img.verified-icon {
max-width: 24px !important;
height: auto;
}
.review-date {
display: block;
font-size: 13px;
color: #999;
margin-bottom: 12px;
}
.review-content {
line-height: 1.6;
}
.title-h2 {
text-transform: uppercase;
font-weight: 400 !important;
font-size: 37px;
}
.sub-title-h2 {
font-weight: 400;
font-size: 20px;
}
@media (prefers-reduced-motion: reduce) {
.gummy-hero.bounce {
animation: none;
}
}
.page-id-884 .gummies-packs-section {
padding-top: 250px !important;
}
.reviews-section {
position: relative;
}
.reviews-decor-img {
position: absolute;
top: 34px;
left: 0;
z-index: 1;
pointer-events: none;
}
.reviews-decor-photo {
height: auto;
}
.blog-title {
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px 6px;
border: 2px solid #000;
border-radius: 36px;
margin-top: 15px;
text-align: center;
}
.blog-title h2 a {
color: #000;
font-weight: 400;
font-family: "Poppins";
font-size: 17px;
text-align: center;
}
.blog-title span a {
color: #000;
font-weight: 400;
font-family: "Poppins";
font-size: 14px;
text-decoration: underline;
}
article#post-10 {
padding-top: 140px !important;
}
.lab-breadcrumb ol {
display: flex;
gap: .4rem;
list-style: none;
padding: 0;
margin: 0 0 1.25rem;
font-size: .78rem;
color: #888;
}
.lab-breadcrumb li+li::before {
content: '›';
margin-right: .4rem;
opacity: .5;
}
.lab-breadcrumb a {
color: inherit;
text-decoration: none;
}
.lab-breadcrumb a:hover {
text-decoration: underline;
}
.beaute-pd-top-cl {
padding-top: 200px;
} :root {
--coral: #E8736A;
--coral-dk: #C45A52;
--coral-lt: #F5ADA7;
--coral-bg: #FFF2F1;
--cream: #FDFAF8;
--charcoal: #1A1A1A;
--mid: #555;
--muted: #888;
--border: #EBEBEB;
--white: #FFFFFF;
--shadow-sm: 0 2px 12px rgba(232, 115, 106, .12);
--shadow-md: 0 8px 32px rgba(232, 115, 106, .18);
--shadow-lg: 0 24px 64px rgba(232, 115, 106, .22);
--radius-sm: 8px;
--radius-md: 16px;
--radius-lg: 24px;
--radius-full: 999px;
--ease: cubic-bezier(.4, 0, .2, 1);
--speed: 0.32s;
--font-display: 'Cormorant Garamond', Georgia, serif;
--font-body: 'DM Sans', system-ui, sans-serif;
}
.gi-faq {
padding: clamp(4rem, 8vw, 0rem) 0;
}
.gi-faq__header {
margin-bottom: 3rem;
}
.gi-faq__list {
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: .75rem;
}
.gi-faq__item {
background: var(--white);
border: 1.5px solid var(--border);
border-radius: var(--radius-md);
overflow: hidden;
}
.gi-faq__q {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 1.25rem 1.5rem;
background: none;
border: none;
cursor: pointer;
font-size: 1rem;
font-weight: 600;
color: var(--charcoal);
text-align: left;
transition: color var(--speed) var(--ease);
}
.gi-faq__q:hover,
.gi-faq__q.active {
color: var(--coral);
}
.gi-faq__icon {
flex-shrink: 0;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: var(--coral-bg);
border-radius: 50%;
color: var(--coral);
font-size: 1.2rem;
font-weight: 300;
transition: transform var(--speed) var(--ease);
}
.gi-faq__q.active .gi-faq__icon {
transform: rotate(45deg);
}
.gi-faq__a {
max-height: 0;
overflow: hidden;
transition: max-height .4s var(--ease), padding .3s var(--ease);
padding: 0 1.5rem;
}
.gi-faq__a.active {
max-height: 400px;
padding: 0 1.5rem 1.25rem;
}
.gi-faq__a p {
font-size: .97rem;
line-height: 1.8;
color: var(--mid);
margin: 0;
} .collagene-benefits-section {
padding: 60px 0;
overflow: hidden;
} .collagene-benefits-section .collagene-benefits-title {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .collagene-benefits-section .collagene-badges-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px 10px;
} .collagene-benefits-section .collagene-badge-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 170px;
flex-shrink: 0;
} .collagene-benefits-section .collagene-badge-figure {
margin: 0 0 12px;
width: 150px;
height: 150px;
flex-shrink: 0;
}
.collagene-benefits-section .collagene-badge-img {
width: 100%;
height: 100%;
object-fit: contain;
display: block; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));
transition: transform 0.3s ease, filter 0.3s ease;
}
.collagene-benefits-section .collagene-badge-item:hover .collagene-badge-img {
transform: scale(1.05);
filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.15));
} .collagene-benefits-section .collagene-badge-label {
font-size: 14px;
line-height: 1.6;
color: #2d2d2d;
margin: 0;
text-transform: lowercase;
max-width: 160px;
} @media (max-width: 991px) {
.collagene-benefits-section .collagene-badges-grid {
gap: 25px 15px;
padding: 0 20px;
}
.collagene-benefits-section .collagene-badge-item {
width: 140px;
}
.collagene-benefits-section .collagene-badge-figure {
width: 120px;
height: 120px;
}
.collagene-benefits-section .collagene-badge-label {
font-size: 0.7rem;
}
} @media (max-width: 575px) {
.collagene-benefits-section {
padding: 40px 0;
}
.collagene-benefits-section .collagene-badges-grid {
gap: 20px 10px;
padding: 0 15px;
}
.collagene-benefits-section .collagene-badge-item {
width: 120px;
}
.collagene-benefits-section .collagene-badge-figure {
width: 100px;
height: 100px;
}
.collagene-benefits-section .collagene-badge-label {
font-size: 0.65rem;
max-width: 130px;
}
} .collagene-description-section {
padding: 60px 0;
}
.collagene-description-section .collagene-desc-block {
margin-bottom: 10px;
}
.collagene-description-section .collagene-desc-block .description-title {
padding-bottom: 20px;
} .collagene-description-section .collagene-desc-divider {
border: none;
border-top: 2px solid rgba(0, 0, 0, 0.4);
margin: 40px 0;
} .collagene-description-section .collagene-badges-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 25px;
} .collagene-description-section .collagene-desc-list {
list-style: disc;
padding-left: 20px;
margin: 10px 0 20px;
}
.collagene-description-section .collagene-desc-list li {
font-size: 15px;
line-height: 1.5;
color: #131313;
font-weight: 400;
} .collagene-description-section sup {
font-size: 0.6em;
vertical-align: super;
} @media (max-width: 767px) {
.collagene-description-section {
padding: 40px 0;
}
.collagene-description-section .collagene-badges-row {
gap: 8px;
}
.collagene-description-section .collagene-desc-divider {
margin: 30px 0;
}
}
div#tab-beaute {
padding-top: 50px;
}
.product-id-295 section.product-description-section.py-5 {
display: none !important;
} .etude-clinique-header {
margin-bottom: 20px;
}
.etude-clinique-section {
padding-top: 70px;
}
.etude-clinique-title {
line-height: 1.2;
} .etude-clinique-downloads {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
padding-top: 8px;
}
.etude-download-btn {
padding: 8px 0;
background-color: #fff;
border: solid 2px #000;
border-radius: 50px;
outline: none;
cursor: pointer;
text-align: center;
transition: 0.3s;
font-size: 15px;
color: #000;
display: flex;
align-items: center;
text-wrap: nowrap !important;
justify-content: center;
width: stretch;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 3px;
transition: all 0.25s ease;
white-space: nowrap;
}
.etude-download-btn:hover {
background: #2d2d2d;
color: #fff;
text-decoration: none;
}
.etude-download-icon {
font-size: 1rem;
font-weight: 700;
} .etude-clinique-divider {
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.15);
margin: 20px 0 25px;
} .etude-clinique-carousel-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 15px;
}
.etude-carousel-subtitle {
font-size: 1rem;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #2d2d2d;
margin: 0;
line-height: 1.4;
} .etude-carousel-nav {
display: flex;
gap: 10px;
flex-shrink: 0;
}
.etude-nav-btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 2px solid #2d2d2d;
background: transparent;
color: #2d2d2d;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.25s ease;
flex-shrink: 0;
}
.etude-nav-btn:hover {
background: #2d2d2d;
color: #fff;
} .etude-clinique-carousel .etude-clinique-slide {
padding: 0 5px;
}
.etude-slide-img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
} .etude-clinique-carousel .owl-nav {
display: none !important;
} @media (max-width: 991px) {
.etude-clinique-downloads {
align-items: flex-start;
margin-top: 20px;
}
}
@media (max-width: 767px) {
.etude-clinique-title {
font-size: 1.4rem;
}
.etude-carousel-subtitle {
font-size: 0.85rem;
}
.etude-nav-btn {
width: 38px;
height: 38px;
}
} .woocommerce-checkout .col2-set .col-2 {
display: none !important;
} .woocommerce-checkout .col2-set .col-1 {
float: none !important;
width: 100% !important;
max-width: 100% !important;
} .woocommerce-checkout .col2-set {
float: left !important;
width: 58% !important;
clear: left !important;
}
table.shop_table.woocommerce-checkout-review-order-table {
position: relative;
padding: 40px 25px;
border-radius: 20px;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
transform-style: preserve-3d;
will-change: transform;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
will-change: transform;
transform-style: preserve-3d;
text-align: center;
height: 100%;
}
table.shop_table.woocommerce-checkout-review-order-table:hover {
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18);
transform: translateY(-5px);
} .woocommerce-checkout #order_review_heading {
float: right !important;
width: 36% !important;
clear: right !important;
top: 180px !important;
} .woocommerce-checkout #order_review {
float: right !important;
width: 36% !important;
clear: right !important;
position: sticky !important;
top: 235px !important;
}
.woocommerce-checkout table.shop_table tfoot th,
.woocommerce-checkout table.shop_table tfoot td,
.woocommerce-checkout #order_review tr.order-total strong {
font-weight: 600 !important;
} .woocommerce-checkout form.woocommerce-checkout::after {
content: '' !important;
display: table !important;
clear: both !important;
}
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
.woocommerce-checkout ul.wc_payment_methods.payment_methods.methods,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-form-coupon-toggle {
display: none !important;
}
.woocommerce-order-received h1.page-title {
font-family: "DIN Condensed Bold", sans-serif;
font-size: 40px;
color: #1c1c1c;
margin-bottom: 0px;
line-height: 1.3;
text-decoration: ;
} .woocommerce-billing-fields>h3,
h3#order_review_heading {
display: flex !important;
align-items: center !important;
gap: 14px !important;
font-size: 1.4rem !important;
font-weight: 600 !important; letter-spacing: 0.05em !important;
margin-bottom: 25px !important;
padding: 0 !important;
border: none !important;
}
.checkout-icon-circle,
.chaque-geste-icon-circle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 52px !important;
border-radius: 50% !important;
overflow: hidden !important;
}
.checkout-icon-circle img,
.chaque-geste-icon-circle img {
width: 55px !important;
height: 55px !important;
object-fit: contain !important;
} .chaque-geste-section {
margin-top: 35px;
clear: both;
}
.chaque-geste-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 15px;
}
.chaque-geste-title {
font-size: 1.1rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
margin: 0 !important;
border: none !important;
padding: 0 !important;
}
.chaque-geste-divider {
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0 0 20px;
}
.chaque-geste-question {
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 18px;
}
.chaque-geste-options {
display: flex;
flex-direction: column;
gap: 12px;
}
.chaque-geste-option {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
font-size: 0.95rem;
}
.chaque-geste-option input[type="radio"] {
width: 20px;
height: 20px;
flex-shrink: 0;
accent-color: #2d2d2d;
}
.chaque-geste-error {
color: #c00;
font-size: 0.85rem;
margin-top: 8px;
} #billing_postcode_field,
#billing_company_field,
#order_comments_field {
display: none !important;
}
.woocommerce-checkout article#post-11 {
margin-top: 120px;
}
.woocommerce-checkout form.checkout.woocommerce-checkout {
padding-top: 40px;
}
.woocommerce-checkout span.woocommerce-input-wrapper {
width: stretch !important;
}
.woocommerce-checkout #payment {
background: none !important;
} @media (max-width: 767px) {
.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review,
.woocommerce-checkout h3#order_review_heading {
float: none !important;
width: 100% !important;
position: static !important;
clear: both !important;
}
.woocommerce-billing-fields>h3,
h3#order_review_heading {
padding-top: 30px !important;
gap: 7px !important;
}
}
section.single-blog figure.post-featured-image img {
width: 100%;
height: auto;
}
section.single-blog .row.single-blog-title .col-md-7 {
display: flex;
align-items: center;
}
.blog-loop.col-md-4.col-sm-6.col-12 {
margin-bottom: 30px;
}
.col.blog-head-title.text-center {
padding-bottom: 50px;
} .contact-page {
padding-bottom: 80px;
} .contact-header {
text-align: center;
margin-bottom: 50px;
}
.contact-subtitle {
font-size: 1.1rem;
line-height: 1.7;
color: #2d2d2d;
margin: 0;
} .contact-form-wrapper {
max-width: 700px;
margin: 0 auto 60px;
padding: 0 20px;
} .contact-social {
text-align: center;
margin-bottom: 40px;
}
.contact-social-title {
font-size: 1.2rem;
font-weight: 500;
margin-bottom: 20px;
color: #2d2d2d;
}
.contact-social-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
gap: 20px;
}
.contact-social-list a {
display: inline-flex;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.contact-social-list a:hover {
transform: translateY(-3px);
opacity: 0.85;
}
.contact-social-list img {
width: 40px;
height: 40px;
object-fit: contain;
} .contact-info {
text-align: center;
margin-bottom: 60px;
display: flex;
flex-direction: column;
gap: 10px;
}
.contact-info-line {
font-size: 1rem;
color: #2d2d2d;
margin: 0;
}
.contact-link {
color: #2d2d2d;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity 0.2s ease;
}
.contact-link:hover {
opacity: 0.7;
} @media (max-width: 767px) {
.contact-subtitle {
font-size: 1rem;
}
.contact-form-wrapper {
padding: 0 15px;
}
}
.tab-panels a.added_to_cart.wc-forward {
display: none !important;
}
.contact-page {
padding-bottom: 80px;
}
.contact-header {
text-align: center;
margin-bottom: 50px;
}
.contact-header h1 {
font-size: clamp(1.8rem, 4vw, 3rem);
font-weight: 700;
letter-spacing: .05em;
margin-bottom: 15px;
color: #2d2d2d;
}
.contact-subtitle {
font-size: 1.1rem;
line-height: 1.7;
color: #2d2d2d;
margin: 0;
}
.contact-form-wrapper {
max-width: 700px;
margin: 0 auto 60px;
padding: 0 20px;
} .contact-msg {
padding: 14px 20px;
border-radius: 12px;
font-size: .95rem;
margin-bottom: 25px;
line-height: 1.5;
}
.contact-msg--success {
background: #e8f5e9;
color: #2e7d32;
border: 1px solid #c8e6c9;
}
.contact-msg--error {
background: #fdecea;
color: #c62828;
border: 1px solid #f5c6cb;
} .contact-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.contact-form-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.contact-label {
font-size: .9rem;
font-weight: 500;
color: #2d2d2d;
}
.contact-required {
color: #c00;
margin-left: 2px;
}
.contact-input {
width: 100%;
padding: 12px 16px;
border: 2px solid #2d2d2d;
border-radius: 12px;
font-size: .95rem;
font-family: inherit;
color: #2d2d2d;
background: #fff;
transition: border-color .2s, box-shadow .2s;
outline: none;
}
.contact-input:focus {
border-color: #555;
box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}
.contact-textarea {
resize: vertical;
min-height: 140px;
}
.contact-submit {
margin-top: 5px;
cursor: pointer;
} .contact-social {
text-align: center;
margin-bottom: 40px;
}
.contact-social-title {
font-size: 1.2rem;
font-weight: 500;
margin-bottom: 20px;
color: #2d2d2d;
}
.contact-social-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
gap: 20px;
}
.contact-social-list a {
display: inline-flex;
transition: transform .2s, opacity .2s;
}
.contact-social-list a:hover {
transform: translateY(-3px);
opacity: .85;
}
.contact-social-list img {
width: 40px;
height: 40px;
object-fit: contain;
} .contact-info {
text-align: center;
margin-bottom: 60px;
display: flex;
flex-direction: column;
gap: 10px;
}
.contact-info-line {
font-size: 1rem;
color: #2d2d2d;
margin: 0;
}
.contact-link {
color: #2d2d2d;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity .2s;
}
.contact-link:hover {
opacity: .7;
}
@media (max-width: 600px) {
.contact-form-row {
grid-template-columns: 1fr;
}
.contact-header h1 {
font-size: 1.6rem;
}
.contact-subtitle {
font-size: 1rem;
}
}  .woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cart-subtotal,
.woocommerce-cart .order-total,
.woocommerce-cart .woocommerce-NoticeGroup,
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .shipping-calculator-form,
.woocommerce-cart .woocommerce-shipping-calculator,
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-cart .wc-block-cart,
.woocommerce-checkout .wt_coupon_wrapper {
display: none !important;
}
.cart-section {
padding-top: 20px;
padding-bottom: 80px;
}
.cart-page-title {
font-size: 2.5rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #2d2d2d;
margin-bottom: 40px;
}
.cart-card {
border: 2px solid #2d2d2d;
border-radius: 40px;
padding: 40px;
} .cart-item-row {
display: flex;
align-items: center;
gap: 30px;
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.cart-item-row:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.cart-item-image {
flex-shrink: 0; }
.cart-item-image img {
width: auto;
max-height: 120px;
display: block;
}
.cart-item-details {
flex: 1;
text-align: center;
}
.cart-item-name {
font-size: 1.1rem;
font-weight: 500;
color: #2d2d2d;
margin-bottom: 8px;
line-height: 1.4;
}
.cart-item-name a {
color: #2d2d2d;
text-decoration: none;
}
.cart-item-price-summary {
font-size: 1rem;
color: #2d2d2d;
}
.cart-item-actions {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
} .cart-qty-control {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
border: 2px solid #2d2d2d;
border-radius: 30px;
width: 130px;
padding: 1px 8px;
}
.cart-remove-btn {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 2px solid #2d2d2d;
border-radius: 30px;
width: 130px;
padding: 1px 8px;
text-align: center;
color: #2d2d2d;
font-weight: 600;
}
.cart-remove-btn:hover {
color: #000;
text-decoration: none;
}
.cart-qty-btn {
background: none;
border: none;
font-size: 1.3rem;
font-weight: 700;
color: #2d2d2d;
cursor: pointer;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background 0.2s ease;
line-height: 1;
padding: 0;
}
.cart-qty-btn:hover {
background: rgba(0, 0, 0, 0.08);
}
.cart-qty-input {
border: none !important;
background: transparent !important;
text-align: center;
font-size: 1rem;
font-weight: 600;
width: 40px;
color: #2d2d2d;
-moz-appearance: textfield;
}
.cart-qty-input::-webkit-outer-spin-button,
.cart-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.cart-qty-input:focus {
outline: none;
} .cart-coupon-row {
display: flex;
gap: 15px;
justify-content: center;
align-items: center;
margin: 30px 0;
flex-wrap: wrap;
}
.cart-coupon-input {
flex: 1;
max-width: 340px;
padding: 10px 20px;
border: 2px solid #2d2d2d;
border-radius: 30px;
background: #fff;
font-size: 0.95rem;
text-transform: uppercase;
text-align: center;
color: #2d2d2d;
}
.cart-coupon-input::placeholder {
color: #aaa;
}
.cart-coupon-input:focus {
outline: none;
border-color: #000;
}
.cart-coupon-btn {
padding: 10px 25px;
background: #fff;
border: 2px solid #2d2d2d;
border-radius: 30px;
font-size: 0.95rem;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
color: #2d2d2d;
transition: all 0.2s ease;
white-space: nowrap;
}
.cart-coupon-btn:focus {
border: 2px solid #000000 !important;
}
.cart-coupon-btn:hover {
background: #000000;
color: #fff;
} .cart-totals-table {
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 20px;
margin-bottom: 30px;
}
.cart-totals-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
font-size: 1rem;
text-transform: uppercase;
color: #2d2d2d;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-totals-row:last-child {
border-bottom: none;
} .cart-checkout-btn {
display: block;
width: 60%;
margin: 0 auto 12px;
padding: 14px 20px;
background: #fff;
border: 2px solid #000000;
border-radius: 30px;
text-align: center;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
color: #2d2d2d;
text-decoration: none;
transition: all 0.3s ease;
}
.cart-checkout-btn:hover {
background: #000000;
color: #fff;
text-decoration: none;
}
.cart-checkout-btn:focus {
border: 2px solid #000000 !important;
} @media (max-width: 767px) {
.footer-logo {
margin: 0;
max-width: 50%;
}
.cart-card {
padding: 25px 20px;
border-radius: 25px;
}
.cart-item-row {
flex-wrap: wrap;
gap: 15px;
}
.cart-item-image {
width: 90px;
}
.cart-item-actions {
width: 100%;
flex-direction: row;
justify-content: space-between;
}
.cart-page-title {
font-size: 1.8rem;
}
.cart-checkout-btn {
width: 100%;
}
.cart-coupon-row {
flex-direction: column;
}
.cart-coupon-input {
max-width: 100%;
width: 100%;
}
} .cart-country-selector {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-country-label {
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #2d2d2d;
}
.cart-country-select-wrapper {
position: relative;
display: inline-block;
}
#cart-country-select {
appearance: none;
-webkit-appearance: none;
padding: 8px 40px 8px 16px;
border: 2px solid #2d2d2d;
border-radius: 30px;
background: #fff;
font-size: 0.9rem;
font-weight: 600;
color: #2d2d2d;
cursor: pointer;
outline: none;
min-width: 200px;
transition: border-color 0.2s ease;
}
#cart-country-select:hover {
background: #000;
color: #fff;
border-color: #fff;
}
.cart-country-select-wrapper:hover .cart-country-arrow {
color: #fff !important;
}
#cart-country-select:focus {
border: 2px solid #555 !important;
}
.cart-country-arrow {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
font-size: 0.7rem;
color: #2d2d2d;
} .shipping-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.shipping-modal-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
cursor: pointer;
}
.shipping-modal-content {
position: relative;
background: #fff;
border-radius: 20px;
max-width: 480px;
width: 90%;
padding: 40px 30px;
z-index: 10000;
animation: modalIn 0.3s ease;
}
.shipping-modal-body h3 {
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
color: #2d2d2d;
}
.shipping-modal-body p:last-child {
margin: 0;
}
@keyframes modalIn {
from {
opacity: 0;
transform: translateY(-30px) scale(0.95);
}
to {
opacity: 1;
transform: none;
}
}
.shipping-modal-close {
position: absolute;
top: 15px;
right: 15px;
width: 35px;
height: 35px;
border: 2px solid #000;
border-radius: 50%;
background: transparent;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #000;
transition: all 0.3s;
}
.shipping-modal-close:hover {
background: #000;
color: #fff;
transform: rotate(90deg);
}
.shipping-modal-body h3 {
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 20px;
text-align: center;
}
.shipping-modal-body p {
font-size: 15px;
line-height: 1.6;
margin-bottom: 15px;
text-align: center;
} .cart-coupon-error {
margin-top: 10px;
padding: 10px 16px;
background: #fdecea;
color: #c62828;
border: 1px solid #f5c6cb;
border-radius: 10px;
font-size: 0.9rem;
line-height: 1.5;
}
.cart-coupon-error p {
margin: 0;
} .cart-coupon-applied-row {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-discount-amount {
color: #000000;
font-weight: 600 !important;
}
.cart-remove-coupon {
font-size: 0.8rem;
text-decoration: underline;
margin-left: 8px;
color: #2d2d2d;
cursor: pointer;
}
.cart-remove-coupon:hover {
color: #e00;
}
tr.cart_item td.product-name a {
color: #000 !important;
}
.container-fluid.cont-fluid-padding {
padding: 0px 125px;
} .cart-totals-table.is-loading {
opacity: 0.5;
pointer-events: none;
transition: opacity 0.2s ease;
}
@media (max-width: 600px) {
.cart-country-selector {
flex-direction: column;
gap: 12px;
text-align: center;
}
#cart-country-select {
min-width: 180px;
}
}
span.woocommerce-Price-amount.amount,
strong#cart-shipping-amount,
strong#cart-total-amount {
font-weight: 600 !important;
} .pack-widget-toggle {
display: none; }
.pack-widget-content {
display: block; } @media (min-width: 576px) {
.pack-widget-toggle {
display: none !important;
}
.pack-widget-content {
display: block !important;
max-height: none !important;
}
} @media (max-width: 575px) { .box-choix-proucts {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
padding: 0;
margin: 0;
width: 100%;
}
.pack-builder-widget {
margin: 0;
padding: 0;
border-radius: 20px 20px 0 0;
box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);
} .pack-widget-toggle {
display: flex !important;
width: 100%;
background: #c7fffb;
border: none;
padding: 15px 20px;
font-size: 1rem;
font-weight: 700;
color: #2d2d2d;
cursor: pointer;
border-radius: 20px 20px 0 0;
border: 1px solid;
align-items: center;
justify-content: center;
position: relative;
transition: background 0.3s ease;
}
.pack-widget-toggle.expanded {
background: #acd8f7 !important;
transition: background 0.3s ease;
} .toggle-icon {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #2d2d2d;
position: absolute;
left: 20px;
top: 50%;
margin-top: -5px;
transition: transform 0.3s ease;
}
.pack-builder-widget.expanded .toggle-icon {
transform: rotate(180deg);
}
.toggle-text {
text-align: center;
} .pack-widget-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
} .pack-builder-widget.expanded .pack-widget-content {
max-height: 70vh;
overflow-y: auto;
padding: 15px;
} .pack-builder-section .list-pack-prt {
padding-bottom: 150px;
} .pack-selections {
display: flex;
gap: 10px;
}
.pack-choice-slot {
flex: 1;
}
} .pack-widget-content {
-webkit-overflow-scrolling: touch;
} @media (max-width: 1440px) {
.product-tabs {
gap: 0px;
} .single-product .gummies-product-box {
padding: 50px 23px;
}
.tab-btn {
padding: 5px;
}
.product-card-title {
font-size: 1.15rem;
}
.product-card-price {
margin: 0;
}
.price-amount {
font-size: 1.4rem;
}
}
@media (max-width: 1200px) {
.product-column {
padding-right: 10px;
}
.single-product .gummies-product-box {
padding: 60px 15px;
}
.product-tabs-section .tab-header {
font-size: 23px;
}
.product-tabs-section .dosage-group p {
font-size: 20px;
line-height: 1.4;
}
.ingredients-list p {
font-size: 15px;
line-height: 1.6;
color: #2d2d2d;
margin: 0;
}
.description-text p {
font-size: 20px;
}
.gummies-features-section p.gummies-feature-label {
font-size: 20px;
font-weight: 500;
}
.benefits-carousel .owl-nav button.owl-next {
right: -53px;
}
.benefits-carousel .owl-nav button.owl-prev {
left: -53px;
}
.gummies-benefits-section .gummies-benefits-image {
max-width: 100%;
}
.gummies-benefits-section p.benefits-intro {
font-size: 20px;
}
.reviews-carousel .owl-nav .owl-next {
right: 0px;
}
.reviews-carousel .owl-nav .owl-prev {
left: 0;
}
.gummy-5 {
bottom: 24px;
}
.gummy-8 {
top: 124px;
}
}
@media (max-width: 1024px) {
.comparison-text {
padding: 10px 27px;
}
.content-title-shop h1 {
max-width: 100%;
}
.container-fluid.cont-fluid-padding {
padding: 30px 20px;
}
}
@media (max-width: 991px) {
.single-product .gummies-product-box {
padding: 60px 50px;
}
.product-tabs-section .tab-header {
font-size: 16px;
padding: 5px 10px;
}
.ingredients-list,
.composition-table {
width: 100%;
}
.shop-gummies-section {
padding: 50px 0 40px;
}
.gummies-products-grid {
padding: 0px 70px;
}
.site-footer {
padding: 50px 20px;
}
.footer-brand-title {
font-size: 2rem;
}
.footer-brand-subtitle {
font-size: 1.1rem;
}
.footer-legal-link {
font-size: 1rem;
}
.gummies-benefits-section {
padding: 80px 0 40px;
}
.gummes-diffenrence-title {
max-width: 100%;
}
.gummies-difference-section .title-l {
font-size: 2rem;
padding: 0 20px;
}
.comparison-row {
gap: 0px;
}
.comparison-text {
padding: 18px 30px;
}
.comparison-text p {
font-size: 1rem;
}
.hero-gummies-section {
min-height: auto;
padding: 60px 0;
}
.hero-visual-wrapper {
min-height: 400px;
margin-top: 40px;
}
.gummy-hero img {
width: 45px !important;
} .gummy-hero-2,
.gummy-hero-4,
.gummy-hero-7 {
display: none;
}
.pack-products-grid {
gap: 10px;
justify-content: space-around !important;
padding: 0 25px;
}
.pack-selections {
display: flex;
gap: 15px;
margin-bottom: 30px;
padding: 0;
flex-wrap: wrap;
}
.product-card-title {
font-size: 0.95rem;
letter-spacing: 0;
}
.product-card-subtitle {
font-size: 0.5rem;
}
}
@media (max-width: 767.98px) {
.benefits-carousel .owl-nav button.owl-prev {
left: -55px;
}
.benefits-carousel .owl-nav button.owl-next {
right: -55px;
}
.benefits-carousel-section .benefits-slide {
max-width: 100% !important;
}
.site-footer {
padding: 15px;
}
.footer-brand-title {
font-size: 1.8rem;
}
.footer-brand-subtitle {
font-size: 1rem;
}
.footer-legal-nav {
gap: 20px;
}
.footer-legal-link {
font-size: 0.65rem;
}
.gummies-difference-section .title-h2 {
font-size: 1.6rem;
}
.comparison-icon {
width: 100px;
height: 100px;
}
.comparison-text {
padding: 7px 9px;
}
article.comparison-card.include-card {
margin-top: 5px;
}
.comparison-text p {
font-size: 0.95rem;
}
.comparison-row .col-6 {
padding: 0 !important;
}
.comparison-row {
padding: 0 10px;
}
.comparison-icon img {
max-width: 78%;
}
.comparison-card {
padding: 0 7px;
}
.decoration-image img {
max-width: 100%;
}
.reviews-decor-img {
top: 145px;
left: -30px;
}
.reviews-decor-photo {
height: auto;
width: 100%;
}
}
@media (max-width: 575px) {
.site-logo {
padding: 5px 0 !important;
}
#logo {
max-width: 230px !important;
}
.single-product .gummies-product-box {
padding: 60px 10px;
}
.tab-btn {
width: stretch;
}
.product-tabs {
gap: 8px;
}
.description-title {
font-size: 35px;
}
.description-text p {
font-size: 17px;
}
.gummies-features-section p.gummies-feature-label {
font-size: 17px;
}
.benefits-carousel-section .benefts-products-carousel {
padding: 40px 80px !important;
}
.shop-gummies-section .sub-title-h2 {
font-size: 18px;
padding: 0px 0px;
max-width: 100%;
}
.gummies-products-grid {
padding: 0px 20px;
}
.footer-brand-title {
font-size: 1.5rem;
}
.footer-brand-subtitle {
font-size: 0.9rem;
}
.gummies-difference-section .title-h2 {
font-size: 1.4rem;
}
.comparison-text p {
font-size: 17px;
}
.gummies-benefits-section p.benefits-intro {
font-size: 17px;
}
.comparison-row {
gap: 20px;
}
.comparison-text {
padding: 12px 17px;
}
section.sommeil-usage-section {
padding: 40px 0;
}
img.sommeil-usage-img.img-fluid {
max-width: 70%;
}
.cree-pack-title {
max-width: 100%;
}
h2.shop-title-carousel {
max-width: 100%;
}
.gummy-3 {
top: 30% !important;
}
.gummy-8 {
top: 27% !important;
right: 9% !important;
}
.gummy-1 {
top: 23% !important;
}
.pack-card {
gap: 0px;
}
.hero-gummies-section {
padding-bottom: 30px 0 0 !important;
}
.gummy-hero img {
width: 35px !important;
}
.pack-products-grid .col-xl-2 {
padding: 0 !important;
}
.pack-products-grid {
gap: 30px;
padding: 0px 20px;
}
.page-id-353 .xoo-wsc-basket,
.page-id-822 .xoo-wsc-basket {
bottom: 60px !important;
}
.pack-builder-section {
padding-top: 130px !important;
}
.page-id-884 .gummies-packs-section {
padding-top: 150px !important;
}
.cart-item-image img {
width: auto;
max-height: 100px;
display: block;
}
article#post-10 {
padding-top: 25% !important;
}
}.nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: all 0.3s ease-in-out;
text-align: center;
flex-direction: column !important;
background-color: #eae2df !important;
}
.site-logo {
padding: 13px 0;
}
.nav.shrink .site-logo {
padding: 0;
transition: all 0.3s ease-in-out;
}
.nav.shrink .site-logo img {
transform: scale(0.8);
transition: transform 0.3s ease-in-out;
}
.nav.shrink .site-logo img {
transform: scale(0.8);
transition: transform 0.3s ease-in-out;
}
.nav.shrink .nav-links {
margin-top: 0px;
background-color: #aedaf9;
padding: 2px 30px;
transition: all 0.3s ease-in-out;
}
.nav.shrink {
background-color: #aedaf9a9 !important;
padding: 0;
}
.nav.shrink .ticker-wrap {
padding: 2px 0px;
transition: all 0.3s ease-in-out;
}
#logo {
display: block;
margin-left: auto;
margin-right: auto;
width: 320px;
}
.nav-links {
display: flex;
justify-content: space-between;
background-color: #aedaf9;
padding: 10px 30px;
border-top: 1px solid;
align-items: center;
width: 100%;
}
.left-nav-links {
max-width: 35%;
justify-content: space-between;
align-items: center;
width: stretch;
display: flex;
}
.right-nav-links {
display: flex;
width: stretch;
max-width: 40%;
justify-content: space-between;
align-items: center;
}
.nav .nav-links a {
font-size: 16px;
display: block;
color: #000;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
transition: 0.3s ease;
border-bottom: 3px solid transparent;
}
.nav .nav-links a:hover {
text-decoration: none;
border-bottom: 3px solid #000000;
} .ticker-wrap {
color: #000;
width: 100%;
overflow: hidden;
background: #ffc0dd !important; font-size: 14px;
font-weight: 400;
padding: 6px 0px;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}
.ticker {
width: 100%;
} .ticker__track {
display: inline-flex;
align-items: center;
gap: 1rem;
padding-inline: 2rem;
white-space: nowrap;
width: max-content; animation: marquee 30s linear infinite; } .ticker-wrap:hover .ticker__track {
animation-play-state: paused;
}
.dot {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background: #3c3c3b;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
} } .overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0, 0, 0);
overflow-y: hidden;
transition: 0.5s;
}
.overlay-content {
position: relative;
top: 15%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 20px;
color: #fff;
display: block;
transition: 0.3s;
}
*:focus {
border: none !important;
}
.overlay a:hover,
.overlay a:focus {
color: #f1f1f1;
}
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}
.mobile-links {
background-color: #000;
color: #fff;
display: none;
padding: 10px;
}
.review-status {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 400;
color: #28a745;
}
div#myNav .closebtn,
.mobile-links button.menu-toggle {
color: #fff;
background: transparent;
border: none;
}
.site-footer {
margin-top: 100px;
}
.site-footer__inner {
margin: 0 auto;
padding: 48px 24px;
}
.site-footer__brand {
display: flex;
align-items: center;
gap: 90px;
}
.site-footer__logo {
display: block;
text-align: center;
margin-bottom: 50px;
}
.site-footer__logo img {
max-width: 530px;
width: 100%;
height: auto;
}
.site-footer__grid {
display: grid;
grid-template-columns: 1fr 220px 220px;
gap: 32px;
align-items: center;
font-size: 25px;
}
.site-footer__social {
list-style: none;
padding: 0;
margin-bottom: 0 !important;
display: flex;
gap: 16px;
}
.site-footer__social img {
max-width: 75px !important;
}
.site-footer__tagline {
margin: 0;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.site-footer__nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.site-footer__nav a {
display: block;
padding: 6px 0;
color: #111;
text-decoration: none;
}
.site-footer__legal {
margin-top: 24px;
text-align: center;
display: flex;
gap: 24px;
justify-content: center;
flex-wrap: wrap;
}
.site-footer__legal a {
text-decoration: underline;
font-weight: 400;
font-size: 16px;
color: #000;
}
@media screen and (max-width: 900px) {
.site-footer__grid {
grid-template-columns: 1fr;
}
}
main,
.home .discover-collagene {
padding-top: 40px;
}
.h1_title {
font-family: "DIN Condensed", sans-serif; font-weight: 400 !important;
font-size: 40px !important;
margin-bottom: 0 !important;
}
p.discover-collagene__text {
line-height: 40px;
font-weight: 400;
margin-top: 40px;
text-align: justify;
font-size: 28px;
}
.discover-collagene p.sub-title__text {
font-size: 20px;
}
.woocommerce-checkout .form-row.place-order {
display: flex;
justify-content: center;
}
.woocommerce-checkout button#place_order {
line-height: 1.5;
}
.woocommerce-checkout button#place_order,
.magnetic-button {
background: #ffff;
color: #000;
border: 1px solid #000;
text-transform: uppercase;
font-size: 21px;
border-radius: 20px;
padding: 5px 20px !important;
display: inline-block;
transition: transform 0.3s ease-out;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
font-weight: 400 !important;
}
.woocommerce-checkout button#place_order:hover,
.magnetic-button:hover {
background-color: #000 !important;
color: #fff !important;
border: 1px solid #000 !important;
text-decoration: none !important;
}
.container-fluid.cont-fluid-padding {
padding: 0px 125px;
}
.feat-box p.feat-label.mb-0 {
text-transform: capitalize;
color: rgb(0, 0, 0);
font-weight: 400;
margin-top: 25px;
font-size: 23px;
text-align: center;
}
.gummies-carousel-section .owl-nav button svg,
.products-carousel .owl-nav button svg,
.reviews-carousel .owl-nav button svg {
color: #000;
transition: all 0.2s ease;
filter: drop-shadow(0px 0px 0px transparent);
}
.gummies-carousel-section .owl-nav button:hover svg,
.products-carousel .owl-nav button:hover svg,
.reviews-carousel .owl-nav button:hover svg {
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));
transform: scale(1.15);
}
.gummies-carousel-section .owl-nav button:active svg,
.products-carousel .owl-nav button:active svg,
.reviews-carousel .owl-nav button:active svg {
transform: scale(0.95);
}
.card-glow {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border-radius: 10px;
pointer-events: none; transition: background-image 150ms ease-out;
} .product-button-container {
text-align: center;
width: 100%;
}
.product-button-container .reg-btn {
cursor: pointer;
transition: all 0.2s ease;
}
.product-button-container .reg-btn:focus {
outline: 2px solid #000;
outline-offset: 2px;
} .gummies-carousel-section .owl-nav .owl-prev,
.products-carousel .owl-nav .owl-prev {
left: 0px;
}
.gummies-carousel-section .owl-nav .owl-next,
.products-carousel .owl-nav .owl-next {
right: 0px;
} @media (max-width: 1024px) {
.carousel-product-item {
width: 350px;
}
}
.create-pack .pack-item.text-center {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.pack-item {
max-width: 320px;
margin: 0 auto;
}
.pack-image {
max-height: 260px;
width: auto;
}
.create-pack img.pack-image {
max-height: 500px;
width: auto !important;
}
.col-title-h2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.slide-top-hover {
display: inline-block;
will-change: transform;
} @media (prefers-reduced-motion: no-preference) {
.slide-top-hover:hover,
.slide-top-hover:focus-visible {
animation: slide-top 2s linear infinite;
}
} @keyframes slide-top {
0% {
transform: translateY(0);
}
40% {
transform: translateY(-18px);
}
70% {
transform: translateY(-12px);
}
100% {
transform: translateY(0);
}
}
.gummies-gallery {
padding-top: 210px;
}
.product-benefits-pd-header img {
max-width: 70%;
}
.gummies-carousel-section {
max-width: 100%;
display: flex;
flex-direction: row-reverse;
justify-content: stretch;
}
.owl-carousel.gummies-thumb-carousel {
width: 10%;
}
.owl-carousel.gummies-main-carousel {
width: 82%;
}
.owl-carousel.gummies-main-carousel .owl-item img { max-height: 450px;
width: auto;
}
.owl-carousel.gummies-thumb-carousel .owl-stage {
display: flex;
flex-direction: column;
width: fit-content !important;
}
.owl-carousel.gummies-thumb-carousel .owl-stage-outer {
width: fit-content !important;
}
.owl-carousel.gummies-thumb-carousel .owl-stage-outer .owl-item {
width: fit-content !important;
padding: 12px 20px;
margin: 0 !important;
}
.owl-carousel.gummies-main-carousel figure.gummies-slide {
display: flex;
align-items: center;
justify-content: center;
min-height: 520px;
}
.gummies-main-image {
max-width: 100%;
max-height: 520px;
width: auto;
height: auto;
object-fit: contain;
}
.gummies-thumb {
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
}
.gummies-thumb img {
height: auto;
aspect-ratio: 1 / 1;
object-fit: contain;
opacity: 0.6;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.gummies-thumb.is-active .gummies-thumb-image,
.gummies-thumb:hover .gummies-thumb-image {
opacity: 1;
}
.gummies-thumb-carousel .owl-item.active img {
opacity: 1;
transform: scale(1.05);
border: 1px solid #000;
border-radius: 20px;
}
.owl-nav button {
background: none !important;
}  .rating-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.rating-row span.stars {
font-size: 33px;
}
.rating-row a.reviews-link {
font-weight: 400;
line-height: 1.5;
color: #000;
font-size: 20px;
text-decoration: underline;
}
.short-desc {
font-size: 17px;
line-height: 1.4;
}
.product-tabs {
display: flex;
justify-content: space-around;
gap: 16px;
margin-top: 40px;
width: 100% !important;
} .tab-panel {
display: none;
margin-top: 35px;
}
.tab-panel.is-active {
display: block;
} .quantity {
display: flex !important;
align-items: center;
justify-content: space-around;
text-align: center !important;
gap: 12px;
}
section.gummies-gallery .quantity input,
section.gummies-gallery .quantity button {
width: 36px;
height: 36px;
background: transparent !important;
border: none !important;
text-align: center !important;
color: #000000 !important;
}
.add-to-cart-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
section.gummies-gallery .quantity button {
font-weight: 700 !important;
}
section.gummies-gallery .quantity,
section.gummies-gallery .add-to-cart-btn.single_add_to_cart_button {
font-size: 17px;
font-weight: 500;
padding: 7px 0px;
width: 100%;
text-align: center;
border-radius: 30px;
border: solid 2px #000;
display: block;
margin: auto;
margin-bottom: 18px;
height: 45px;
color: #000 !important;
z-index: 1;
}
section.gummies-gallery .quantity:hover input,
section.gummies-gallery .quantity:hover button {
color: #fff !important;
}
section.gummies-gallery .quantity button:hover {
color: #000 !important;
background: #fff !important;
border-radius: 50%;
font-weight: 700;
transition: 0.2s all ease-in-out;
transform: scale(1.2);
}
section.gummies-gallery .quantity:hover,
section.gummies-gallery .add-to-cart-btn.single_add_to_cart_button:hover {
color: #fff !important;
border: solid 2px #fff !important;
} .add-to-cart-btn .old-price {
text-decoration: line-through;
color: #495057;
font-size: 16px;
font-weight: 400;
}
.coolbeans {
position: relative;
transition: 0.2s transform ease-in-out;
will-change: transform;
z-index: 0 !important;
overflow: hidden !important;
}
.coolbeans:hover {
border: 2px solid transparent;
color: #fff !important;
transform: scale(1.05);
will-change: transform;
}
.coolbeans:hover:after {
transform: translate(0, 0);
}
.coolbeans:after {
background-color: #000;
border-radius: 3rem;
content: "" !important;
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
transform: translate(-100%, 0) rotate(10deg);
transform-origin: top left;
transition: 0.2s transform ease-out;
will-change: transform;
z-index: -1;
margin-left: 0 !important;
}
.feautures-content {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 35px;
}
.feat-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.feat-box span {
text-transform: capitalize;
color: #000;
font-weight: 400;
font-size: 17px;
text-align: center;
}
.features-icons .list-feat-5 {
display: flex;
justify-content: center;
}
.title-h2-div {
text-align: center;
}
.single-product .feautures-content {
padding-top: 70px;
}
.single-product .feautures-content,
.single-product .feautures-content p.sub-title-h2 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.page-le-lab {
overflow-x: hidden;
} .lab-hero {
padding: 100px 0 80px;
min-height: 70vh;
display: flex;
align-items: center;
}
.lab-hero .container-fluid .col-lg-6 {
padding: 0 !important;
}
.col-lab-hero-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.lab-hero-content {
padding: 40px 0;
display: flex;
flex-direction: column;
align-items: center;
max-width: 520px
}
.lab-subtitle {
font-size: 1.3rem;
line-height: 1.7;
color: #2d2d2d;
}
.lab-hero-image {
margin: 0;
text-align: right;
}
.lab-hero-image img {
max-width: 100%;
height: auto;
filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
} .lab-mission {
padding: 0 0 80px;
}
.section-title {
font-size: 2.2rem;
font-weight: 700;
text-align: center;
margin-bottom: 50px;
color: #1a1a1a;
}
.mission-content h3 {
font-size: 1.5rem;
font-weight: 400;
margin: 40px 0 20px;
color: #1a1a1a;
text-transform: uppercase;
}
.mission-highlights {
margin-top: 60px;
}
.highlight-box {
padding: 30px;
background: rgba(255, 255, 255, 0.6);
border-radius: 12px;
text-align: center;
height: 100%;
transition: transform 0.3s ease;
}
.highlight-box:hover {
transform: translateY(-5px);
}
.highlight-box h4 {
font-size: 1.2rem;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 15px;
color: #1a1a1a;
}
.highlight-box p {
font-size: 1rem;
line-height: 1.6;
color: #2d2d2d;
margin: 0;
} .lab-cta {
padding: 100px 0;
}
.cta-title {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 20px;
color: #1a1a1a;
}
.cta-subtitle {
font-size: 1.2rem;
line-height: 1.7;
color: #2d2d2d;
margin-bottom: 40px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
} .values-section {
padding: 0 0 80px;
}
.values-title {
font-size: 2.5rem;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
letter-spacing: 0.02em;
color: #1a1a1a;
}
.accordation-wrap {
max-width: 1200px;
margin: 0 auto;
}
.values-section .accordion {
background-color: transparent;
color: #1a1a1a;
cursor: pointer;
padding: 25px 60px 25px 20px;
width: 100%;
border: none;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
text-align: left;
outline: none;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
transition: all 0.3s ease;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.values-section .accordion-arrow {
position: absolute;
background: #fff;
border-radius: 50%;
padding: 10px 8px;
border: 2px solid #000;
right: 20px;
width: 40px;
height: 40px;
transition: transform 0.3s ease;
}
button.accordion.activees .accordion-arrow {
background: #fdc8b1 !important;
transition: transform 0.3s ease;
}
.accordion:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.values-section .accordion.activees {
background-color: rgba(255, 255, 255, 0.2);
}
.values-section .accordion.activees .accordion-arrow {
transform: rotate(180deg);
}
.values-section .panel {
padding: 0;
display: none;
overflow: hidden;
transition: all 0.3s ease;
}
.values-section .panel-content {
display: flex;
align-items: flex-start;
gap: 40px;
padding: 40px 20px;
}
.values-section .panel-image {
margin: 0;
flex-shrink: 0;
}
.values-section .panel-image img {
max-width: 200px;
width: 100%;
height: auto;
display: block;
}
.values-section .panel-text h3 {
font-size: 1.2rem;
text-align: center;
}
.values-section .panel-text p {
font-size: 1rem;
line-height: 1.8;
color: #2d2d2d;
margin-bottom: 15px;
}
.values-section .panel-text p:last-child {
margin-bottom: 0;
}
.values-section .panel-text a {
color: #1a1a1a;
text-decoration: underline;
font-weight: 600;
transition: opacity 0.2s ease;
}
.values-section .panel-text a:hover {
opacity: 0.7;
text-decoration: none;
} @media (max-width: 991px) {
.lab-hero {
padding: 60px 0;
min-height: auto;
}
.lab-subtitle {
font-size: 1.1rem;
text-align: center;
max-width: 100%;
padding: 0 18px;
}
.lab-hero-image {
margin-top: 40px;
}
.story-title,
.section-title {
font-size: 1.8rem;
padding: 0 20px;
}
.story-content p,
.mission-content p {
font-size: 1rem;
text-align: left;
}
.mission-content h3 {
font-size: 1.3rem;
}
.highlight-box {
margin-bottom: 20px;
}
.cta-title {
font-size: 1.8rem;
padding: 0 20px;
}
.cta-subtitle {
font-size: 1rem;
padding: 0 20px;
}
}
@media (max-width: 575px) {
.lab-story {
padding: 0 0 50px;
}
.lab-mission {
padding: 0 0 10px;
}
.lab-subtitle {
font-size: 1rem;
}
.lab-cta {
padding: 70px 0;
}
.story-content p,
.mission-content p {
font-size: 0.95rem;
}
}  @media (max-width: 480px) {
.slide-panel {
max-width: 100%;
}
.panel-inner {
padding: 25px 15px;
}
.panel-title {
font-size: 22px;
margin-bottom: 20px;
}
.panel-close {
top: 15px;
right: 15px;
width: 40px;
height: 40px;
}
} @keyframes scale-up-center {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
} @keyframes slideIn {
from {
right: -100%;
}
to {
right: 0;
}
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}  @media (prefers-reduced-motion: reduce) {
.slide-panel,
.panel-overlay,
.panel-close,
.panel-trigger-btn {
transition: none;
}
} @media (prefers-contrast: high) {
.slide-panel {
border-left: 4px solid currentColor;
}
} @media print {
.slide-panel-buttons,
.panel-overlay,
.slide-panel {
display: none;
}
} @media print {
.single-features-product {
break-inside: avoid;
page-break-inside: avoid;
box-shadow: none;
border: 1px solid #ddd;
}
.single-features-product::before {
display: none;
}
}  .single-features-product:focus-within {
outline: 2px solid #ffd4f2;
outline-offset: 2px;
} @media (prefers-reduced-motion: reduce) {
.single-features-product,
.single-features-product .feature-icon,
.single-features-product::before {
transition: none;
}
} @media (prefers-contrast: high) {
.single-features-product {
border: 2px solid currentColor;
}
.features-title {
text-decoration: underline;
}
} section.benefits-carousel-section {
padding-top: 130px !important;
}
section.benefits-carousel-section .container-fluid {
padding: 0 !important;
overflow: hidden !important
} .benefits-content {
padding: 0 40px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.benefits-tag {
display: inline-block;
font-size: 38px;
font-weight: 600;
color: #ff6b6b;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
padding: 6px 16px;
background: rgba(255, 107, 107, 0.1);
border-radius: 20px;
}
.benefits-title {
font-size: 60px;
font-weight: 400;
color: #373737;
margin-bottom: 10px;
line-height: 1.1;
text-align: end
}
.benefits-list {
list-style: none;
padding: 0;
margin: 0;
}
.benefits-list li {
font-size: 18px;
line-height: 1.5;
color: #333;
padding-left: 28px;
margin-bottom: 0;
position: relative;
}
.benefits-list li::before {
content: '*';
position: absolute;
left: 0;
top: 0;
color: #000000;
font-size: 18px;
font-weight: 700;
} .benefits-image {
text-align: center;
margin: 0;
}
.benefits-image img {
max-width: 100%;
height: auto;
}
.single-product.product-id-98 .benefits-image img {
filter: drop-shadow(-30px 10px 16px #fec5e6);
}
.single-product.product-id-206 .benefits-image img,
.single-product.product-id-326 .benefits-image img {
filter: drop-shadow(-30px 10px 16px #ecc9ff);
}
.single-product.product-id-233 .benefits-image img {
filter: drop-shadow(-30px 10px 16px #fec5e6);
}
.owl-carousel.reviews-carousel.owl-loaded.owl-drag .owl-dot,
.benefits-carousel .owl-dot span {
width: 14px;
height: 14px;
background: #ddd;
border: 1px solid #6d6d6d;
border-radius: 50%;
display: block;
transition: all 0.3s ease;
}
.owl-carousel.reviews-carousel.owl-loaded.owl-drag .owl-dot.active,
.benefits-carousel .owl-dot.active span {
background: #ffd4f2;
transform: scale(1.4);
}
.benefits-carousel .owl-dot:hover span {
background: #ffb89d;
} .highlight-box.glass-card {
position: relative;
padding: 40px 25px;
border-radius: 20px;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
transform-style: preserve-3d;
will-change: transform;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
} .highlight-box .glass-inner {
position: relative;
z-index: 2;
transform: translateZ(30px);
} .highlight-box .shine {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(120deg,
rgba(255, 255, 255, 0.4) 0%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0) 70%);
opacity: 0;
transition: opacity 0.3s ease;
} .highlight-box.glass-card:hover {
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18);
}
.highlight-box.glass-card {
will-change: transform;
transform-style: preserve-3d;
}
.story-highlight {
will-change: transform;
transform-style: preserve-3d;
}  @media (max-width: 991px) {
.benefits-content {
padding: 0 20px;
}
.benefits-title {
font-size: 24px;
}
.benefits-list li {
font-size: 15px;
}
.benefits-carousel .owl-nav button {
width: 50px;
height: 50px;
}
}  .product-layout {
position: relative;
} .gallery-column {
position: relative;
}
.gallery-sticky-wrapper {
position: -webkit-sticky;
position: sticky;
top: 170px;
z-index: 10;
} .product-column {
position: relative;
} .gummies-product-box {
position: relative; } .gummies-product-box.sticky {
position: relative;
top: auto;
}
@media (max-width: 991px) {
.gallery-sticky-wrapper {
position: relative; top: auto;
max-height: none;
overflow-y: visible;
} .gallery-column,
.product-column {
width: 100%;
max-width: 100%;
}
} @media (max-width: 767px) {
.product-layout .row {
flex-direction: column;
}
}  .gallery-sticky-wrapper:focus-within {
outline: 2px solid #ffd4f2;
outline-offset: 4px;
} @media (prefers-reduced-motion: reduce) {
.gallery-sticky-wrapper {
scroll-behavior: auto;
}
}
section.feautures.feautures-gummies {
padding-top: 80px;
}
.title-h2-div {
max-width: 1030px;
}
.feat-box img {
max-width: 80%;
}
h2#benefits-section-title {
max-width: 900px;
margin-bottom: -90px;
}
section.feautures .features-icons.h2-produit {
padding-top: 60px;
} .timeline-sommeil {
padding: 80px 0;
position: relative;
}
.h2-timeline {
font-size: 2rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 60px;
letter-spacing: 0.02em;
}
.row-timeline {
position: relative;
}
.lits-time-items {
position: relative;
z-index: 1;
}
.timeline-item {
text-align: center;
padding: 20px 10px;
}
.timeline-item img {
max-width: 140px;
margin: 0 auto 20px;
display: block;
}
.timeline-item span {
display: block;
font-size: 1.5rem;
margin-bottom: 12px;
color: #1a1a1a;
}
.timeline-item p {
font-size: 1rem;
line-height: 1.5;
color: #2d2d2d;
margin: 0;
} .timeline-mobile-line {
display: none;
} .safety-seo-footer {
max-width: 900px;
margin: 60px auto 0;
padding: 30px;
background: rgba(255, 255, 255, 0.4);
border-radius: 12px;
text-align: center;
}
.safety-seo-footer p {
font-size: 1rem;
line-height: 1.7;
color: #2d2d2d;
margin: 0;
} .feat-box img {
width: 120px;
height: 120px;
object-fit: contain;
}  .carousel-product-link {
display: block;
text-decoration: none;
transition: transform 0.3s ease;
}
.carousel-product-link:hover {
transform: translateY(-8px);
}
.carousel-product-link:hover img.product-image-img {
filter: drop-shadow(0px 3px 9px #222);
}
.product-image-img {
width: 100%;
height: auto;
display: block;
transition: transform 0.4s ease;
}
.carousel-product-link:hover .product-image-img {
transform: scale(1.05);
} .product-button-container {
text-align: center;
} .btn-view-all {
display: inline-block;
padding: 16px 40px;
background: #333;
color: #fff;
font-weight: 600;
font-size: 15px;
text-decoration: none;
border-radius: 30px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.btn-view-all:hover {
background: #ffd4f2;
color: #333;
transform: scale(1.05);
text-decoration: none;
} .gi-tilt {
position: relative;
transform-style: preserve-3d;
transition: transform 0.1s ease-out;
will-change: transform;
} .gi-tilt img {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));
transition: filter 0.2s ease-out;
will-change: filter;
} .gi-tilt__glow {
display: none;
} @media screen and (min-width: 1950px) {
.hero-gummies-section header.hero-content {
margin-right: -15%;
margin-top: -71px;
margin-left: 50%;
}
}
@media screen and (min-width: 1400px) {
.single-features-product {
padding: 5px;
}
}
@media screen and (max-width: 1440px) {
.create-pack img.pack-image {
max-height: 450px;
width: auto !important;
}
.gummies-product-box {
padding: 20px;
}
.features-title {
font-size: 18px;
}
section.feautures.feautures-gummies {
padding-top: 0;
}
.single-features-product {
padding: 18px;
}
p.ar-note {
margin-bottom: 0 !important;
font-size: 11px;
line-height: 1;
}
.hero-gummies-section header.hero-content {
margin-right: -61px;
margin-top: -71px;
margin-left: 10px;
}
}
@media screen and (min-width: 992px) and (max-width: 1399px) {}
@media screen and (min-width: 1200px) {}
@media screen and (max-width: 1200px) {
.single-features-product {
padding: 7px;
}
.title-h2 {
font-size: 37px;
}
.benefits-title {
font-size: 41px;
font-weight: 400;
color: #373737;
margin-bottom: 10px;
}
.owl-carousel.benefits-carousel.owl-loaded.owl-drag {
padding-top: 40px;
}
.sub-title-h2 {
font-size: 21px;
}
.single-product .feautures-content {
padding-top: 40px;
}
.title-h2-div {
max-width: 889px;
}
.feat-box img {
max-width: 80%;
}
}
@media screen and (min-width: 1024px) {
.feat-box img {
min-width: 60%;
}
.row-timeline::before {
content: '';
position: absolute;
top: 90px;
left: 15%;
right: 15%;
height: 2px;
background-image: repeating-linear-gradient(to right,
#6b5b8e 0,
#6b5b8e 8px,
transparent 8px,
transparent 16px);
z-index: 0;
}
}
@media screen and (max-width: 1024px) {
.site-footer__grid {
display: grid;
grid-template-columns: 1fr 180px 160px;
gap: 32px;
align-items: center;
font-size: 20px;
}
.site-footer__brand {
gap: 25px;
}
.site-footer__nav a {
padding: 4px 0;
}
.container-fluid.cont-fluid-padding {
padding: 30px 20px;
}
.h1_title {
font-size: 36px !important;
}
p.sub-title__text {
font-size: 24px;
}
section.discover-collagene.ac-pd-top .magnetic-button {
margin-top: 1rem !important;
}
.owl-carousel.gummies-thumb-carousel {
display: none !important;
}
.owl-carousel.gummies-thumb-carousel {
width: 10%;
display: none !important;
}
.owl-carousel.gummies-main-carousel {
width: 100%;
}
.promo {
font-size: 16px;
padding: 2px 17px;
}
.hero-gummies-section header.hero-content {
margin-right: -167px;
margin-top: -31px;
margin-left: 10px;
}
}
@media screen and (max-width: 991.98px) {
.nav .nav-links a {
font-size: 14px;
}
p.sub-title__text {
font-size: 21px;
margin-top: 2rem;
}
.reviews-carousel .owl-nav .owl-prev {
left: -35px;
}
.reviews-carousel .owl-nav .owl-next {
right: -35px;
}
.owl-carousel.gummies-thumb-carousel {
width: 10%;
display: block !important;
}
.owl-carousel.gummies-main-carousel {
width: 80%;
}
.gummies-carousel-section {
justify-content: space-around;
}
.owl-carousel.gummies-thumb-carousel .owl-stage-outer .owl-item {
padding: 12px 5px;
}
.slide-panel-buttons {
padding: 5px 46px 21px;
}
.promo {
font-size: 17px;
padding: 2px 28px;
}
section.benefits-carousel-section {
padding-top: 60px !important;
}
h2#benefits-section-title {
max-width: 690px;
}
.feat-box span {
font-size: 22px;
}
.features-icons .list-feat-5 {
row-gap: 30px;
}
.gummies-gallery {
padding-top: 150px;
}
.timeline-sommeil {
padding: 60px 0;
}
.h2-timeline {
font-size: 1.4rem;
margin-bottom: 40px;
padding: 0 15px;
} .timeline-mobile-line {
display: block;
position: absolute;
top: 204px;
left: 55%;
transform: translateX(-50%);
width: 100%;
max-width: 378px;
pointer-events: none;
z-index: 0;
}
.curved-line-img {
max-width: 74% !important;
height: auto;
opacity: 0.7;
}
.row-timeline {
position: relative;
z-index: 1;
}
.timeline-item.time-07 {
margin-top: -84px;
}
.timeline-item.time-23 {
margin-top: 130px;
} .row-timeline::before {
display: none;
}
.timeline-item {
padding: 15px 10px;
}
.timeline-item img {
max-width: 130px;
margin-bottom: 15px;
}
.timeline-item span {
font-size: 1.2rem;
margin-bottom: 8px;
}
.timeline-item p {
font-size: 0.9rem;
}
.highlight-box.glass-card {
padding: 20px 20px;
}
.hero-gummies-section header.hero-content {
margin-right: 0;
margin-top: 0;
margin-left: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.single-features-product {
padding: 16px;
gap: 14px;
}
.single-features-product .feature-icon {
width: 55px;
height: 55px;
}
.single-features-product .feature-text {
font-size: 14px;
}
.features-title {
font-size: 26px;
}
}
@media screen and (min-width: 767.98px) {
.create-pack .col-title-h2 p.sub-title-h2 {
max-width: 610px;
}
}
@media screen and (max-width: 767.98px) {
.mobile-links {
display: block;
}
.nav-links {
display: none;
}
.site-footer__brand {
gap: 6px;
flex-direction: column;
}
.site-footer__social img {
max-width: 60px !important;
}
.site-footer__grid {
font-size: 17px;
}
.site-footer__legal a {
font-size: 13px;
}
.reviews-carousel .owl-nav {
display: none;
}
.review-box {
min-height: 280px;
} .features-grid {
grid-template-columns: 1fr;
}
.single-features-product {
padding: 16px;
gap: 14px;
}
.single-features-product .feature-icon {
width: 50px;
height: 50px;
}
.single-features-product .feature-text {
font-size: 14px;
line-height: 1.5;
}
.features-title {
font-size: 22px;
padding: 0 15px;
}
.slide-panel-buttons {
gap: 12px;
}
.gallery-column {
order: 1;
}
.product-column {
order: 2;
}
.benefits-title {
font-size: 37px;
margin-bottom: 20px;
max-width: 100%;
text-align: left;
}
.benefits-list li {
font-size: 17px;
padding-left: 24px;
}
.benefits-carousel .owl-dots {
margin-top: 30px;
}
.benefits-image img {
max-width: 60%;
margin-left: auto;
}
.benefits-image {
text-align: center;
margin: 0;
}
.slide-panel {
max-width: 70%;
}
.panel-title {
font-size: 24px;
}
.benefits-content {
align-items: flex-start;
}
.timeline-mobile-line {
top: 214px;
left: 57%;
}
.values-title {
font-size: 1.8rem;
padding: 0 20px;
}
.values-intro {
font-size: 0.95rem;
padding: 0 20px;
}
.accordion {
font-size: 0.95rem;
padding: 20px 50px 20px 15px;
}
.panel-content {
flex-direction: column;
text-align: center;
padding: 30px 15px;
gap: 20px;
}
.panel-image img {
max-width: 150px;
margin: 0 auto;
}
.panel-text p {
font-size: 0.95rem;
text-align: left;
}
.carousel-product-image {
border-radius: 16px;
margin-bottom: 15px;
}
.btn-view-all {
padding: 14px 32px;
font-size: 14px;
}
.mission-highlights .row {
row-gap: 20px;
}
.values-section .accordion {
font-size: 18px;
}
.story-content p {
text-align: center;
}
.hero-visual-wrapper {
margin-top: 0px;
width: 100%;
}
}
@media screen and (max-width: 575.98px) {
.site-footer__logo {
margin-bottom: 30px;
}
.site-footer__logo img {
max-width: 320px;
}
.site-footer__inner {
margin: 0 auto;
padding: 30px 8px;
}
.site-footer__grid {
grid-template-columns: 1fr 109px 98px;
gap: 6px;
font-size: 14px;
}
.site-footer__social img {
max-width: 40px !important;
}
.site-footer__legal {
margin-top: 40px;
}
.h1_title {
font-size: 35px !important;
}
p.sub-title__text {
margin-top: 2rem;
}
.sub-title-h2 {
font-size: 20px;
}
.title-h2 {
font-size: 34px;
margin: 0 !important;
margin-bottom: 20px !important;
}
.create-pack img.pack-image {
max-height: 260px;
}
.create-pack .magnetic-button {
font-size: 18px;
padding: 3px 23px !important;
}
.slide-panel {
max-width: 90%;
max-height: 90dvh;
top: 30px;
}
ul.panel-checklist li span.li-title,
.panel-body {
font-size: 14px;
}
ul.panel-checklist {
font-size: 13px;
}
.slide-panel-buttons {
padding: 5px 0px 21px;
}
.owl-carousel.gummies-main-carousel figure.gummies-slide {
min-height: 491px;
}
.benefits-content {
padding-left: 5px;
padding-right: 0 !important;
}
.benefits-list li {
padding-left: 14px;
}
.timeline-item img {
max-width: 80px;
}
.timeline-item span {
font-size: 1.1rem;
}
.timeline-item p {
font-size: 0.85rem;
}
.lab-hero-content {
padding: 140px 0 0;
}
.hero-gummies-section {
min-height: auto;
padding: 10px 0;
}
}
@media screen and (max-width: 479px) {
.single-features-product {
padding: 14px;
gap: 12px;
}
.single-features-product .feature-icon {
width: 45px;
height: 45px;
}
.single-features-product .feature-text {
font-size: 13px;
}
.features-title {
font-size: 20px;
}
} @keyframes floatCard3D {
0% {
transform: translateY(0px) rotateX(0deg);
}
50% {
transform: translateY(-15px) rotateX(2deg);
}
100% {
transform: translateY(0px) rotateX(0deg);
}
}
.story-highlight {
animation: floatCard3D 6s ease-in-out infinite;
}
@keyframes shadowPulse {
0% {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
50% {
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18);
}
100% {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
}
.story-highlight {
animation:
floatCard3D 6s ease-in-out infinite,
shadowPulse 6s ease-in-out infinite;
}