/* Reset */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body,html,.h1,h1,h2,h3,h4,h5,h6,figure,video,ul,ol,li,menu {
    margin: 0;
    padding: 0;
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring, [type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input::placeholder,textarea::placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder,input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: rgba(255,255,255,0.65);
}

* {
    font-weight: normal;
    text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    outline: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
    text-decoration: none;
}

a,input[type="submit"],.btn {
    transition: 0.2s;
}

input,textarea,select,button,a {
    padding: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
}

form input:not([type="select"]):not([type="file"]),form textarea {
    border: 2px solid #FF40B1;
    padding: 12px 16px;
}

input[type="submit"] {
    cursor: pointer;
}

img,.btn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

figure img,figure video,figure iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

figure {
    position: relative;
}

figure:after {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    pointer-events: none;
}

a img {
    pointer-events: all;
}

::-webkit-media-controls {
    display: none !important;
}

video {
    pointer-events: none;
}

svg,video {
    vertical-align: top;
}

p:empty {
    display: none;
}

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

::selection {
    background: rgba(222,222,222,0.3);
}

::-moz-selection {
    background: rgba(222,222,222,0.3);
}

.center {
    text-align: center;
    margin: 0 auto;
}

.center-flex {
    justify-content: center;
}

.slide video,.slide img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.flex {
    display: flex;
}

.flex.center {
    align-items: center;
}

.space-between {
    justify-content: space-between;
}

.align-start {
    align-items: flex-start !important;
}

.flex-col {
    flex-direction: column;
}

.mobile {
    display: none;
}

/* smooth animation */
.btn-pink img {
    transition: filter .2s ease;
}

.btn-pink:hover img {
    filter: hue-rotate(6deg) saturate(105%) contrast(100%);
}

.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static !important;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/* Colors */
.bg-pink {
    background-color: #FF40B1;
}

.bg-orange {
    background-color: #FF6633;
}

.bg-blue {
    background-color: #2997C7;
}

.bg-green {
    background-color: #44D62C;
}

.bg-sea {
    background-color: #00BDA5;
}

.bg-purple {
    background-color: #4E7ED2;
}

.bg-pink {
    background-color: #F5B8D5;
}

.is-active.orange-border img {
    border-color: #FF6633 !important;
}

.is-active.green-border img {
    border-color: #44D62C !important;
}

.is-active.green-pink img {
    border-color: #F5B8D5 !important;
}

.white {
    color: white;
}

.pink {
    color: #FF40B1;
}

.btn-transparent {
    position: relative;
    display: inline-block;
}

.btn-transparent span {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    display: flex;
    top: 3px;
    left: 50%;
    width: 96%;
    margin-left: -1px;
    height: 72%;
    background: #FE3FB0;
    justify-content: center;
    align-items: center;
    border-radius: 48px;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    transition: 0.2s;
    opacity: 0;
}

.btn-transparent:hover span {
    opacity: 1;
}

/* Animations */
.animate {
    transition: all 0.75s cubic-bezier(.2,.9,.45,1);
    -webkit-transition: all 0.75s cubic-bezier(.2,.9,.45,1);
    transform: translate3d(0,40px,0);
    -webkit-transform: translate3d(0,40px,0);
    opacity: 0;
}

.animated {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    opacity: 1 !important;
}

/* Global */
html {
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    --font-sans: "din-2014-narrow", Arial, sans-serif;
    --font-cond: "din-condensed", "DIN Condensed", Impact, "Helvetica Neue", sans-serif;
    --font-roboto: "roboto", Arial, sans-serif;
    --font-quicksand: "quicksand", Arial, sans-serif;
}

#main {
    position: relative;
    z-index: 2;
}

body {
    overflow-x: hidden;
}

section {
    position: relative;
}

.section-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-absolute {
    position: absolute;
}

.p-sticky {
    position: sticky;
    top: 0;
}

.box {
    box-shadow: 0px 12px 26px 0px #00000033;
    border-radius: 24px;
    padding: 28px 30px;
}

.no-shadow {
    box-shadow: none !important;
}

.bg-pink-badge {
    background-color: #F365B4;
    background-image: url(../img/bg-pink-badge.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-white-paper {
    background-color: #F8F8F8;
    background: url(../img/bg-white-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-blue-paper {
    background-color: #2790BE;
    background: url(../img/bg-blue-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 104% auto;
}

.bg-blue-bubble-paper {
    background-color: #2892BD;
    background: url(../img/bg-blue-bubble-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.bg-orange-bubbles {
    background-color: #EC6633;
    background: url(../img/bg-orange-bubbles.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.bakterie {
    pointer-events: none;
}

.bakterie img[class*="rellax"] {
    will-change: transform;
}

sup {
    line-height: 0;
    font-size: 60% !important;
}

.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bg-orange-paper {
    background-color: #FF6633;
    background-image: url(../img/bg-orange-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-blue-paper {
    background-color: #2997C7;
    background-image: url(../img/bg-blue-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-green-paper {
    background-color: #44D62C;
    background-image: url(../img/bg-green-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-sea-paper {
    background-color: #00BDA5;
    background-image: url(../img/bg-sea-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-purple-paper {
    background-color: #4E7ED2;
    background-image: url(../img/bg-purple-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-pink-paper {
    background-color: #F5B8D5;
    background-image: url(../img/bg-pink-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-pink-paper-alt {
    background-color: #F365B4;
    background-image: url(../img/bg-pink-badge.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-pink-paper .white {
    color: #444444 !important;
}

html {
    font-size: 18px;
}

body {
    font-size: 18px;
    font-family: var(--font-sans);
}

.condensed {
    font-family: var(--font-cond);
}

.narrow {
    font-family: var(--font-sans);
}

.roboto {
    font-family: var(--font-roboto);
}

.quicksand {
    font-family: var(--font-quicksand);
}

b,strong {
    font-weight: 600;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fs-20 {
    font-size: 1.112rem;
}

.fs-24 {
    font-size: 1.334rem;
}

.fs-32 {
    font-size: 1.778rem;
}

h2 {
    font-size: 2.223rem;
    font-weight: 700;
}

h1,.h1,.fs-48 {
    font-size: 2.67rem;
    font-weight: 700;
}

.fs-56 {
    font-size: 3.1112rem;
}

.fs-64 {
    font-size: 3.112rem;
}

.lh-1 {
    line-height: 1;
}

.lh-11 {
    line-height: 1.1;
}

.lh-12 {
    line-height: 1.2;
}

.lh-13 {
    line-height: 1.3;
}

.lh-14 {
    line-height: 1.4;
}

.lh-15 {
    line-height: 1.5;
}

/* Header */
header {
    position: relative;
    background: white;
    z-index: 3;
    box-shadow: 0px 12px 26px 0px #FF43B240;
}

header .info-bar {
    position: relative;
    z-index: 3;
    padding: 5px 0;
    background-color: #FF40B1;
    overflow: hidden;
    white-space: nowrap;
}

header .info-bar span {
    display: inline-block;
    padding-left: 100%;
    /* start fully off the right side */
    white-space: nowrap;
    animation: infoBarTicker 20s linear infinite;
}

/* right â†ââââ‚ÂÃââ‚ÂÃâ€ÅÃ‚¡ÃƒÆ’‚¬ÃƒÆ’…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒâ€¦Ã‚¡Ãƒâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ left, then jump back to right side and repeat */
@keyframes infoBarTicker {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 2px;
}

header li {
    list-style: none;
}

header .btn {
    z-index: 3;
    top: 3px;
    position: relative;
}

.menu {
    display: flex;
}

.menu > li {
    margin-right: 40px;
}

.menu a {
    font-size: 1.111rem;
    font-weight: 600;
}

.sub-menu {
    display: none;
    position: absolute;
}

.menu-left {
    align-items: center;
}

.menu-left .logo {
    position: relative;
    top: -2px;
    z-index: 3;
    margin-right: 60px;
}

/* Home */
.home .start {
    height: 52vw;
    max-height: 780px;
}

.home .start .container,.home .start .row {
    height: 100%;
}

.home .start .col {
    display: flex;
    align-items: center;
}

.start-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.home .start-text {
    max-width: 550px;
}

.home .start-text .formula {
    margin: 1.25rem 0 0;
}

.home .start-text h1,.home .start-text .h1 {
    font-size: 3.56rem;
    /* 64px */
    font-weight: 400;
}

.home .start-text h2 {
    font-size: 1.78rem;
    /* 32px */
    margin-bottom: 1.5rem;
    font-weight: 400;
}

.home .start-text .btn {
    margin-top: 1.5rem;
}

.home .packshot {
    max-width: 566px;
    margin-left: 15%;
}

.home .section-formula:before {
    transform: translate(0,-19vw);
}

.text-carousel {
    padding: 32px 0;
    overflow: hidden;
    will-change: scroll-position;
}

.text-slide {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-right: 40px;
    text-wrap: nowrap;
    cursor: default;
}

.text-slide:after {
    content: '';
    height: 34px;
    width: 1px;
    background: #FF40B1;
    display: inline-flex;
    margin-left: 40px;
}

/* Home - reviews */
.home .reviews {
    padding-bottom: 80px;
}

.home .reviews .bacteria:nth-child(1) {
    bottom: -150px;
    left: -98px;
}

.home .reviews .bacteria:nth-child(2) {
    bottom: -400px;
    right: 20vw;
}

.home .reviews .bacteria:nth-child(3) {
    bottom: -300px;
    right: -80px;
}

.home .reviews .container {
    z-index: 2;
    position: relative;
}

/* Home - FAQ */
.home .faq {
    padding-top: 20px;
}

/* Home - products */
.home .products {
    position: relative;
    padding: 120px 0;
    box-shadow: inset 0 -12px 26px -10px #FF43B240;
    overflow: hidden;
}

.home .products:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 22px;
    /* adjust height to taste */
    pointer-events: none;
    /* inner top glow */
    box-shadow: inset 0 12px 26px -10px #FF43B240;
    /* if section has rounded top corners, inherit them: */
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.products .container {
    position: relative;
    z-index: 1;
    padding-bottom: 160px;
    padding-top: 0;
}

.home .products:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 40vw;
    z-index: 0;
    transform: translate(0,16vw);
    pointer-events: none;
    opacity: 0;
}

.bacteria {
    position: absolute;
    pointer-events: none;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.bacteria img {
    max-width: 262px;
    height: auto;
    filter: drop-shadow(0 30px 15px rgba(255, 67, 178, 0.102));
}

.products .bacteria:nth-child(1) {
    top: 3%;
    left: -50px;
}

.products .bacteria:nth-child(2) {
    top: -2%;
    right: 100px;
}

.products .bacteria:nth-child(3) {
    top: 25%;
    left: 20px;
}

.products .bacteria:nth-child(4) {
    top: 26%;
    right: calc(28% + 400px);
}

.products .bacteria:nth-child(5) {
    bottom: 0;
    left: -50px;
}

.products .bacteria:nth-child(6) {
    top: 35%;
    left: 32%;
}

.products .bacteria:nth-child(7) {
    bottom: 40%;
    right: -100px;
}

.products .bacteria:nth-child(8) {
    bottom: 32%;
    right: 28%;
}

.products-grid {
    align-items: stretch;
    overflow: visible;
}

.product-box {
    margin: 0 0 50px;
    flex: 1 0 auto;
}

.product-box:not(.products-info) .product-box-inner {
    box-shadow: 0px 12px 26px 0px #5151511A;
    padding: 24px;
    border-radius: 24px;
    background: white;
    display: block;
}

.section-title {
    margin-bottom: 50px;
}

.section-title img {
    position: relative;
    margin-left: 8px;
    top: 7px;
}

.product-img {
    margin-bottom: 15px;
}

.product-img img {
    height: 232px;
    width: auto;
}

.product-img-link {
    display: block;
}

.product-img-link img {
    transition: 0.3s;
}

.product-box-inner:hover .product-img-link img {
    transform: scale(1.06);
}

.product-box-inner:hover .btn-transparent span {
    opacity: 1;
}

.product-short {
    margin: 0.4rem 0;
    min-height: 42px;
}

.product-qty {
    margin: 0.75rem 0;
}

.product-cta {
    display: flex;
    justify-content: center;
}

.products-info {
    position: relative;
    --bleed: 120px;
    flex-basis: calc(33.333% + var(--bleed));
    max-width: calc(33.333% + var(--bleed));
    margin-right: calc(-1 * var(--bleed));
    /* kompensacja poszerzenia */
}

.products-info .product-box-inner {
    position: relative;
    border-radius: 24px;
    height: 100%;
}

.products-info img {
    height: 100%;
    width: auto;
    object-fit: cover;
    border-radius: 24px;
    object-position: 80% 50%;
}

.products-info .badge {
    position: absolute;
    border-radius: 24px;
    padding: 5px 16px 8px;
    max-width: 250px;
}

.products-info .badge:nth-child(1) {
    top: 60px;
    text-align: right;
    left: 120px;
}

.products-info .badge:nth-child(2) {
    top: 260px;
    left: 40px;
}

/* Sekcja Formula */
.section-formula:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 40vw;
    z-index: 0;
    transform: translate(0,-20vw);
    pointer-events: none;
}

.section-formula:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 40vw;
    z-index: 0;
    transform: scale(-1) translate(0,-50%);
    transform: scale(-1) translate(0,-20vw);
    pointer-events: none;
}

.section-formula {
    padding: 120px 0;
    z-index: 2;
}

.section-formula .container {
    position: relative;
    z-index: 2;
}

.section-formula .box {
    max-width: 640px;
}

.ingredients-title {
    margin-top: 60px;
    max-width: 800px;
    margin-bottom: 2rem;
}

.icon-text {
    align-items: center;
    margin-bottom: 80px;
}

/* Reviews */
.reviews {
    padding-top: calc(20vw - 80px);
}

.reviews .container {
    z-index: 2;
    position: relative;
}

.review-bottom-left {
    align-items: flex-end;
    visibility: hidden;
}

.review-bottom {
    justify-content: space-between;
    margin-top: 40px;
    align-items: flex-end;
}

.review {
    margin-bottom: 50px;
}

.author {
    margin-left: 12px;
}

/* FAQ */
.faq {
    padding: 8vw 0 40px;
}

.faq-columns {
    display: flex;
    gap: 20px;
    margin-top: 50px;
}

.faq-col {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.faq-item {
    width: 100%;
    position: relative;
    box-shadow: 0px 12px 26px 0px #0000001A;
    margin-bottom: 20px;
    border-radius: 24px;
    background: white;
}

.faq-question {
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 24px;
    box-shadow: 0px 12px 26px 0px #FF43B233;
    cursor: pointer;
}

.faq-question h4 {
    padding-right: 10px;
}

.faq-answer {
    padding: 1rem 1.5rem 1.3rem;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.expandable {
    display: none;
}

.expand-icon {
    transform: scale(-1);
    transition: 0.3s;
}

.faq-question.active .expand-icon {
    transform: scale(1);
}

/* Section Contact */
.contact {
    padding: 0 0 8vw;
}

.contact .section-title {
    margin-bottom: 30px;
}

.contact .btn-outer {
    margin-top: 30px;
}

.contact:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 40vw;
    z-index: 0;
    transform: translate(0,21vw);
    pointer-events: none;
}

/* Footer */
footer {
    position: relative;
    z-index: 2;
    color: white;
    padding-top: 120px;
    padding-bottom: 100px;
}

footer .section-bg {
    top: initial;
    bottom: 0;
    height: 200px;
}

.footer-knowledge-intro {
    padding: 0 0 120px;
}

.footer-knowledge-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 64px;
    align-items: center;
}

.footer-knowledge-intro__copy {
    max-width: 560px;
}

.footer-knowledge-intro__copy .formula {
    display: block;
    width: 100%;
    max-width: 319px;
    height: auto;
    margin: 0 0 24px;
}

.footer-knowledge-intro__title {
    margin: 0 0 24px;
    font-family: var(--font-sans);
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}

.footer-knowledge-intro__text {
    margin: 0;
    max-width: 520px;
    font-family: var(--font-roboto);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
}

.footer-knowledge-intro__media img {
    display: block;
    width: 100%;
    max-width: 640px;
    height: auto;
    margin-left: auto;
    border-radius: 24px;
}

.footer-top {
    border-bottom: 1px solid white;
    padding-bottom: 30px;
    margin-bottom: 36px;
    align-items: center;
}

.footer-menu {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    margin-top: 7px;
}

.footer-menu a {
    font-weight: 600;
}

.footer-menu a:not(:last-child) {
    margin-right: 30px;
}

.socials {
    gap: 10px;
}

.footer-bottom .flex {
    font-size: 14px;
    gap: 20px;
    justify-content: center;
}

.footer-bottom a {
    border-bottom: 1px solid;
}

/* Single Produkty */
/* Breadcrumbs */
.breadcrumb {
    font-family: var(--font-roboto);
    font-size: 14px;
    padding-top: 80px;
}

.breadcrumb__sep {
    margin: 0 8px;
}

.breadcrumb__current {
    font-weight: 600;
}

.product-desc-outer {
    margin-top: 40px;
}

.product-desc {
    margin-top: 10px;
}

.product-desc h1,.product-desc .h1 {
    margin-bottom: 10px;
    line-height: 1.2;
}

.product-desc p {
    margin-top: 0;
}

.product-desc ul {
    padding-left: 20px;
    line-height: 1.2;
    margin: 1.5rem 0;
}

.product-desc li {
    font-weight: 600;
    font-size: 1.112rem;
    margin: 0.75rem 0;
}

.block {
    margin: 80px 0;
    justify-content: stretch;
    align-items: center;
}

.block .col {
    flex: 1 1 0;
}

.block .gallery.row {
    margin: 20px -10px;
    align-items: stretch;
}

.block .gallery.row .col {
    margin-bottom: 0;
}

.block .gallery .col {
    padding-left: 10px;
    padding-right: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.block .box.p-absolute {
    max-width: 340px;
    transform: translate(-30px,-100%);
    z-index: 2;
    margin-top: 24px;
}

.gallery:not(.icons) {
    position: relative;
    z-index: -1;
    padding: 0 10px;
    background: white;
    margin: -40px 0 !important;
}

.gallery:not(.icons) .col {
    padding: 0;
}

.gallery:not(.icons) .g-cap {
    display: none;
}

.block .gallery .white-box {
    padding: 40px 20px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.block-big {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 12px 26px 0 #00000040;
}

.white-box {
    background: white;
    padding: 30px 25px;
    border-radius: 24px;
}

.white-box .g-cap {
    font-weight: 400;
}

.block-text {
    font-size: 1.112rem;
}

.block-text p + ul {
    margin-top: -1rem;
}

.block-text p + ol {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

.block-text .section-title {
    margin-bottom: 30px;
}

.block-text .section-title img {
    top: -1px;
    margin-left: 10px;
}

.block-text li {
    margin-left: 20px;
}

.block-text li,.block-text span,.block-text p {
    line-height: 1.5;
}

.block-big>img,.product-main>img,.g-fig>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.product-main>img,.block-big>img {
    object-fit: contain
}

.page-product .product-img {
    max-height: 30vw;
    height: 480px;
    padding: 30px 0;
}

.page-product .product-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 20px;
}

.thumbs img {
    max-width: 120px;
    max-height: 100px;
    display: block
}

.thumb:nth-child(1) {
    margin-right: -10px
}

#product-main-img {
    opacity: 1;
    transition: opacity .25s ease;
}

#product-main-img.is-hide {
    opacity: 0;
}

.thumb {
    opacity: 0.8;
}

.thumb:hover,.thumb.is-active {
    opacity: 1;
}

.logo-short {
    display: block;
    margin: 25px 0 0;
}

.variants {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    align-items: flex-start;
}

.variants .variant {
    text-align: center;
    text-decoration: none;
    max-width: 78px;
    margin-top: 1rem;
}

.variants .variant img {
    width: auto;
    max-height: 80px;
    max-width: 75px;
    display: block;
    padding: 6px 0 3px;
    border-radius: 8px;
    background: white;
    border: 1px solid #000000;
}

.variants .variant .quantity {
    display: block;
    margin-top: 6px;
    font-size: 16px;
}

.variants .variant.is-active .quantity {
    font-weight: 600;
}

.variant.is-active img {
    border: 3px solid #F5B8D5;
}

.btns {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 28px;
}

.text-box {
    border-radius: 9px;
    padding: 7px 20px;
    line-height: 1.5;
    max-width: 320px;
    /* margin-top:-40px; */
}

.text-box.bg-orange-paper {
    max-width: 230px;
}

.product-start {
    padding-bottom: 10vw;
}

.product-start .container {
    z-index: 2;
    position: relative;
}

.bg-bubbles {
    position: absolute;
    width: 120vw;
    height: 50vw;
    bottom: -24vw;
    left: 50%;
    transform: translate(-50%,0);
    object-fit: cover;
    z-index: 0;
}

.product-start .bacteria:nth-child(1) {
    bottom: 40%;
    left: -50px;
}

.product-start .bacteria:nth-child(2) {
    top: 5%;
    right: -40px;
}

.section-2 {
    padding-top: 120px;
    z-index: 2;
}

.icons {
    /* max-width:600px; */
    text-align: center;
}

.icons .figure-outer {
    max-width: 130px;
    max-height: 130px;
    margin: 0 auto;
    width: 100%;
}

.g-cap {
    margin-top: 12px;
}

.figure-outer img {
    object-fit: contain;
}

.icons-carousel {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    margin-top: 20px;
}

.icons-carousel .carousel {
    min-height: 210px;
    display: block;
}

.icons-carousel .icon {
    width: 250px;
    display: block;
    margin-right: 20px;
    padding: 30px 16px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 12px 26px #0003;
    flex: none;
}

.icons-carousel .icon img {
    display: block;
    width: 74px;
    height: 74px;
    margin: 0 auto 15px;
    object-fit: contain;
}

.text-carousel {
    display: block;
}

.text-carousel-outer {
    box-shadow: 0px 0px 26px 0px #FF43B240;
}

.icons-carousel .flickity-viewport {
    overflow: visible !important;
    padding: 20px 0;
    box-sizing: content-box;
}

.icons-carousel {
    overflow-x: hidden;
    overflow-y: visible;
}

.text-carousel .flickity-viewport {
    overflow: visible !important;
    box-sizing: content-box;
}

.icons-carousel .carousel, .text-carousel {
    opacity: 0;
    transition: opacity .35s ease;
}

.icons-carousel .carousel.is-ready, .text-carousel.is-ready {
    opacity: 1;
}

/* keep the viewport open so shadows can render, but no padding */
.text-carousel .flickity-viewport {
    overflow: visible !important;
    padding: 0;
    background: transparent !important;
    box-sizing: border-box;
}

/* add the glow to the sliding layer itself */
.text-carousel .flickity-slider {
    filter: drop-shadow(0 0 26px #FF43B240);
    will-change: transform;
}

/* make sure the root doesn't clip vertically */
.text-carousel {
    overflow-x: hidden;
    overflow-y: visible;
}

.page-product .section-2:after {
    content: '';
    position: absolute;
    bottom: -10vw;
    left: 0;
    width: 100%;
    height: 40vw;
    z-index: -1;
    transform: translate(0,50%) scale(1,-1);
    pointer-events: none;
}

.page-product .reviews {
    padding-top: calc(20vw - 20px);
    padding-bottom: 15vw;
}

.page-product .faq .bacteria:nth-child(1) {
    right: 20vw;
    bottom: 0;
}

.page-product .reviews .bacteria:nth-child(1) {
    top: 10%;
    left: -50px;
}

.page-product .reviews .bacteria:nth-child(2) {
    top: 20%;
    right: -100px;
}

.page-product .reviews .bacteria:nth-child(3) {
    top: 45%;
    left: 20px;
}

.page-product .reviews .bacteria:nth-child(4) {
    bottom: 36%;
    right: -100px;
}

.page-product .reviews .bacteria:nth-child(5) {
    top: -2%;
    right: 100px;
}

.page-product .reviews-carousel {
    position: relative;
    width: 50%;
    margin: 0 auto;
}

.page-product .reviews-carousel .review {
    width: 100%;
    padding: 0 30px 0;
    box-sizing: border-box;
}

.page-product .reviews-carousel .review-inner {
    min-height: 200px;
    justify-content: space-between;
}

.page-product .reviews-carousel .review-bottom {
    margin: 0;
}

.page-product .reviews-carousel .author {
    margin: 0;
}

.page-product .reviews-carousel .flickity-button {
    background: #fff;
    box-shadow: 0 6px 18px #0000001a;
    width: 40px;
    height: 40px;
}

.page-product .reviews-carousel .flickity-button:hover {
    background: #fff;
}

.page-product .reviews-carousel .flickity-prev-next-button.previous {
    left: -10px;
}

.page-product .reviews-carousel .flickity-prev-next-button.next {
    right: -10px;
}

/* Base button style */
.page-product .flickity-prev-next-button {
    width: 65px !important;
    height: 65px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: translateY(-50%);
    top: calc(50% - 20px);
}

/* Hide built-in SVG */
.flickity-prev-next-button .flickity-button-icon {
    display: none !important;
}

/* Use your custom icons */
.flickity-prev-next-button.previous {
    background-image: url('../img/slider-prev.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.flickity-prev-next-button.next {
    background-image: url('../img/slider-next.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Optional: positioning tweaks per carousel */
.reviews-carousel .flickity-prev-next-button.previous {
    left: -10px;
}

.reviews-carousel .flickity-prev-next-button.next {
    right: -10px;
}

/* Optional: hover/focus states (no tint change) */
.flickity-prev-next-button:hover, .flickity-prev-next-button:focus {
    background-color: transparent !important;
    opacity: 0.9;
}

.section-product-info {
    padding: 100px 0;
}

.spec-section {
    border-top: 1px solid #FF40B1;
    padding-top: 28px;
    margin: 40px 0;
}

.section-desc {
    padding-left: 40%;
    margin-top: -25px;
}

.spec-section__title {
    max-width: 240px;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.spec-section__title .expand-icon {
    height: 12px;
    transform: scale(1);
}

.active .expand-icon {
    transform: scale(-1);
}

/* Tabele */
.spec-table-wrap {
    padding: 16px 0 24px;
}

.spec-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #1f1f1f;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.spec-table thead th {
    color: #fff;
    font-weight: 700;
    padding: 14px 16px;
    border-right: 1px solid rgba(255,255,255,.25);
}

.spec-table thead th:last-child {
    border-right: 0;
}

.spec-table thead th:first-child {
    border-top-left-radius: 16px;
}

.spec-table thead th:last-child {
    border-top-right-radius: 16px;
}

.spec-table tbody td {
    padding: 14px 16px;
    border-top: 1px solid #1f1f1f;
    border-right: 1px solid #1f1f1f;
}

.spec-table tbody td:last-child {
    border-right: 0;
}

.spec-table .th-left, .spec-table .td-left {
    text-align: left;
}

.spec-table .th-center, .spec-table .td-center {
    text-align: center;
}

.spec-note {
    font-size: 0.9rem;
    margin-top: 6px;
}

.spec-table thead.bg-orange th {
    background-color: #FF6633;
    color: #fff;
}

.spec-table thead.bg-blue th {
    background-color: #2997C7;
    color: #fff;
}

.spec-table thead.bg-green th {
    background-color: #44D62C;
    color: #000;
}

.spec-table thead.bg-sea th {
    background-color: #00BDA5;
    color: #fff;
}

.spec-table thead.bg-purple th {
    background-color: #4E7ED2;
    color: #fff;
}

.spec-table thead.bg-pink th {
    background-color: #F5B8D5;
    color: #000;
}

/* Produkty */
.products-start {
    position: relative;
    overflow: visible;
    z-index: 3;
    padding-bottom: 70px;
}

.products-start:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 40vw;
    z-index: -1;
    transform: scale(-1,-1) translate(0,-22vw);
    pointer-events: none;
}

.p-produkty .products {
    padding-top: 12vw;
    z-index: 2;
}

.p-produkty .products:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(160.23deg, transparent 40.27%, #FFCFF0 73.77%);
    z-index: -1;
}

.p-produkty .start-title {
    padding: 40px 0;
}

.p-produkty .probiotyki {
    margin-top: 4px;
}

.p-produkty .start-title h2 {
    margin-bottom: 20px;
}

.p-produkty .start-title .condensed {
    max-width: 770px;
}

.p-produkty .products-info .badge {
    text-align: right;
    max-width: 320px;
}

.p-produkty .products-info .badge:nth-child(1) {
    top: 40px;
    left: 160px;
}

.p-produkty .products-info .badge:nth-child(2) {
    top: 250px;
    left: 40px;
}

.p-produkty .products-info .badge:nth-child(3) {
    top: 300px;
    left: 100px;
}

.p-produkty .products-info .badge:nth-child(4) {
    bottom: 60px;
    left: 40px;
}

/* Produkty - bakterie */
.section-bacteria {
    z-index: 2;
    padding-top: 200px;
    background-size: cover;
}

.section-bacteria:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vw;
    z-index: -1;
    pointer-events: none;
    background: url(../img/bg-blue-bubble-paper.webp);
    transform: translate(0,-20vw);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.bacteria-index {
    margin-top: 60px;
}

.bacteria-box {
    margin-bottom: 40px;
    min-height: 390px;
    align-items: center;
}

.bacteria-box .bacteria-box-inner {
    height: 100%;
    align-items: center;
}

.bacteria-box img {
    width: 160px;
    height: 160px;
    object-fit: contain;
}

.section-bacteria h3 {
    margin-top: 30px;
    max-width: 800px;
}

/* Contact */
.contact-section {
    padding: 0 0 200px;
}

.contact-section .breadcrumb {
    margin-bottom: 30px;
}

.contact-section h1,.contact-section .h1 {
    margin-bottom: 20px;
}

.contact-form,.contact-form * {
    color: #222222
}

.contact-form textarea {
    border-radius: 24px;
    width: 100%;
}

.contact-form input {
    border-radius: 77px;
    max-width: 100%;
    width: 100%;
}

.contact-els {
    gap: 20px;
}

.contact-els .contact-el {
    width: calc(50% - 10px);
}

.contact-el p {
    margin: 10px 0;
}

.contact-form input[type="submit"] {
    background: #FF40B1;
    color: white;
    font-weight: 700;
    width: 100%;
    box-shadow: 0px 8px 6px 0px #FF43B233;
    margin-top: 15px;
}

.contact-form input[type="submit"]:hover {
    background: #FF0197;
}

.requested {
    font-size: 12px;
}

.wpcf7-list-item label {
    display: flex;
}

.textarea-el {
    margin: 0 0 30px;
    display: block;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 14px;
    font-family: var(--font-roboto);
    font-weight: 300 !important;
    line-height: 1.5;
}

.wpcf7-acceptance input {
    margin-right: 20px;
    height: 20px;
    width: 20px;
}

.wpcf7-response-output {
    border: 0 !important;
    padding: 0 !important;
    color: #FF40B1;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 5px;
    color: #FF40B1;
}

.contact-details:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/kontakt-bubbles-top.webp);
    width: 100%;
    height: 60vw;
    z-index: 0;
    transform: translate(0,-33vw);
    pointer-events: none;
}

.contact-details:after {
    content: '';
    position: absolute;
    bottom: 100px;
    left: 0;
    background: 50% / 100% no-repeat url(../img/kontakt-bubbles-bottom.webp);
    width: 100%;
    height: 30vw;
    z-index: 0;
    transform: translate(0,33vw);
    pointer-events: none;
}

.contact-details {
    padding: 200px 0 100px;
    z-index: 2;
}

.contact-details .container {
    position: relative;
}

.contact-details h3 {
    font-size: 24px;
    font-weight: 700;
}

.contact-details h4 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 25px;
}

.contact-details .icon {
    margin-bottom: 20px;
}

.contact-details .icon img {
    width: 48px;
    height: 48px;
}

.contact-details .text {
    line-height: 1.3;
}

.products-carousel {
    padding-top: 24vw;
    padding-bottom: 20vw;
}

.products-carousel:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 46vw;
    z-index: 0;
    transform: translate(0,18vw);
    pointer-events: none;
}

.products-carousel > h2, .products-carousel > .js-products-carousel, .products-carousel > .products-carousel__nav {
    position: relative;
    z-index: 2;
}

.products-carousel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(160.23deg, transparent 40.27%, #FFCFF0 73.77%);
    z-index: 0;
}

#products-arrows {
    position: relative;
    max-width: 800px;
    margin-top: 40px;
}

/* Wyjatkowa formula */
.p-wyjatkowa-formula {
    overflow: visible;
}

.p-wyjatkowa-formula .container {
    position: relative;
    z-index: 2;
}

.wf-hero, .wf-features, .wf-strains, .wf-products, .wf-story {
    position: relative;
    overflow: visible;
}

.wf-strains {
    z-index: 3;
}

.wf-products {
    z-index: 2;
}

.wf-story {
    z-index: 4;
}

.wf-strains:after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    background: 50% / 100% no-repeat url(../img/wyjatkowa-formula/webp/apla-1.webp);
    width: 100%;
    height: 31vw;
    z-index: 0;
    transform: translate(0,31vw);
    pointer-events: none;
}

.wf-bubble, .wf-panel {
    position: relative;
    overflow: visible;
}

.wf-bubble {
    background-image: linear-gradient(160.23deg, #FFFFFF 40.27%, rgba(255, 207, 240, 0.5) 73.77%), url(../img/bg-white-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border-radius: 64px;
    box-shadow: 0 18px 44px rgba(15, 52, 73, 0.12);
}

.wf-bubble--pink {
    background-image: linear-gradient(160.23deg, rgba(255,255,255,0.82) 26%, rgba(255, 207, 240, 0.88) 78%), url(../img/bg-white-paper.webp);
}

.wf-bubble__wave, .wf-panel__wave {
    position: absolute;
    left: 50%;
    width: 100vw;
    max-width: none;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 1;
}

.wf-bubble__wave--top, .wf-panel__wave--top {
    top: 0;
}

.wf-bubble__wave--bottom, .wf-panel__wave--bottom {
    bottom: 0;
}

.wf-hero {
    padding: 0;
    min-height: 980px;
}

.wf-hero .wf-bubble {
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    border-radius: 0;
    box-shadow: none;
}

.wf-hero__inner {
    position: relative;
    z-index: 2;
    min-height: max(1080px, 67vw);
    padding: clamp(290px, 24vw, 360px) 0 clamp(290px, 24vw, 360px);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 820px;
    margin: 0 auto;
}

.wf-hero__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 30px;
}

.wf-hero__logo {
    position: relative;
    width: 410px;
    max-width: 42vw;
    top: -17px;
}

.wf-hero__title {
    font-family: var(--font-sans);
    color: #FF40B1;
    font-size: 56px;
    line-height: 0.95;
    font-weight: 600;
}

.wf-hero__subtitle {
    margin-bottom: 16px;
    font-size: 22px;
}

.wf-hero__lead {
    max-width: 980px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1.55;
}

.wf-panel {
    background-image: url(../img/bg-white-paper.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.wf-panel__inner {
    position: relative;
    z-index: 2;
    padding-top: clamp(150px, 13vw, 210px);
    padding-bottom: clamp(150px, 13vw, 210px);
}

.wf-panel__inner--features {
    padding-top: clamp(190px, 15vw, 300px);
    padding-bottom: clamp(190px, 16vw, 300px);
}

.wf-panel__inner--strains {
    padding-top: clamp(190px, 16vw, 320px);
    padding-bottom: clamp(110px, 10vw, 240px);
}

.wf-panel__inner--story {
    padding-top: clamp(210px, 18vw, 300px);
    padding-bottom: clamp(320px, 26vw, 420px);
}

.wf-section-heading {
    max-width: 768px;
    margin-bottom: 70px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.wf-features__grid {
    justify-content: center;
    row-gap: 36px;
}

.wf-feature {
    display: flex;
}

.wf-feature__inner {
    width: 100%;
    align-items: center;
    gap: 22px;
}

.wf-feature__inner img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.wf-feature__inner p {
    max-width: 310px;
    font-size: 20px;
    line-height: 1.4;
}

.wf-floating img, .wf-story__shape img, .wf-strain__img {
    filter: none;
}

.wf-products__shape img {
    filter: drop-shadow(0 20px 16px rgba(255, 67, 178, 0.08));
}

.wf-floating--mid-right {
    top: 420px;
    right: calc(10vw - 80px);
}

.wf-floating--mid-right img {
    width: 170px;
}

.wf-floating--bottom-left {
    top: 560px;
    left: -120px;
    right: auto;
}

.wf-floating--bottom-left img {
    width: 390px;
    max-width: none;
}

.wf-strains .wf-panel {
    isolation: isolate;
}

.wf-strains .wf-panel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(189.68deg, #FFFFFF 43.37%, #FFCFF0 160%);
    opacity: .58;
    mix-blend-mode: multiply;
    z-index: 0;
    pointer-events: none;
}

.wf-strains__intro {
    margin-bottom: 70px;
}

.wf-strains__heading {
    max-width: 820px;
    font-size: 50px;
    line-height: 1.15;
    font-weight: 700;
}

.wf-strains__grid {
    row-gap: 28px;
}

.wf-strains__grid > .col:nth-child(2) {
    margin-top: 200px;
}

.wf-strain {
    position: relative;
    z-index: 2;
    margin-bottom: 70px;
    max-width: 550px;
}

.wf-strain__img {
    display: block;
    width: auto;
    height: auto;
}

.wf-strain__img--abs {
    position: absolute;
    top: -10px;
    right: -54px;
    max-width: 188px;
}

.wf-strain__title {
    font-size: 40px;
    line-height: 0.98;
    font-weight: 700;
    margin-bottom: 18px;
}

.wf-strain__meta {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 400;
}

.wf-strain__desc {
    max-width: 400px;
    font-size: 20px;
    line-height: 1.58;
    margin-bottom: 16px;
}

.wf-strain__desc em {
    font-style: italic;
    font-synthesis: style;
}

.wf-strain__ref {
    max-width: 520px;
    font-size: 14px;
    line-height: 1.45;
    color: #5B5B5B;
}

.wf-strain--abs-right .wf-strain__title, .wf-strain--abs-right .wf-strain__meta {
    padding-right: 134px;
}

.wf-strain--abs-right:nth-child(3) .wf-strain__desc {
    max-width: 380px;
}

.wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__meta {
    padding-right: 170px;
}

.wf-strain__desc-layout {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-bottom: 16px;
}

.wf-strain__media {
    flex: 0 0 auto;
}

.wf-strain__media .wf-strain__img {
    max-width: 170px;
}

.wf-strain--desc-left .wf-strain__desc {
    max-width: none;
    margin-bottom: 0;
}

.wf-strain__desc-layout--right {
    justify-content: space-between;
    gap: 24px;
}

.wf-strain--desc-right .wf-strain__desc {
    margin-bottom: 16px;
    max-width: 370px;
}

.wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right {
    top: 10px;
    right: -20px;
    max-width: 170px;
}

.wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right:nth-child(2) .wf-strain__desc {
    max-width: 350px;
    padding-right: 20px;
}

.wf-strain:nth-child(1).wf-strain--abs-right .wf-strain__img--abs {
    max-width: 200px;
}

.wf-strain:nth-child(3).wf-strain--abs-right .wf-strain__img--abs {
    max-width: 210px;
    top: 20px;
}

.wf-strain--desc-left .wf-strain__media img[src*="Bifidobacterium%20longum"] {
    max-width: 180px;
    margin: -30px -15px -40px;
}

.wf-strain--desc-left .wf-strain__media img[src*="Lactobacillus%20paracasei"] {
    max-width: 220px;
    margin: -40px -10px;
}

.wf-strain--desc-left .wf-strain__media img[src*="Lactobacillus%20plantarum"] {
    max-width: 270px;
    margin: -50px -40px;
}

.wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right[src*="Bifidobacterium%20breve"] {
    max-width: 160px;
}

.wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right[src*="Bifidobacterium%20infantis"] {
    max-width: 280px;
}

.wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right[src*="Lactobacillus%20delbrueckii"] {
    max-width: 170px;
    top: 130px;
}

.wf-products {
    padding-top: calc(23vw + 60px);
    padding-bottom: calc(23vw + 20px);
}

.wf-products__title, .wf-products .js-wf-products-carousel, .wf-products .products-carousel__nav {
    position: relative;
    z-index: 4;
}

.wf-products > .bakterie {
    position: static;
    z-index: auto;
}

.wf-products__title {
    margin-bottom: 70px;
}

.wf-products .js-wf-products-carousel {
    padding: 0 18px;
}

.wf-products .product-box {
    width: 33.333%;
    max-width: none;
    padding: 0 18px;
}

.wf-products .product-box:not(.products-info) .product-box-inner {
    box-shadow: 0 12px 26px rgba(81,81,81,0.10);
    background: #fff;
}

#products-arrows {
    position: relative;
    max-width: 800px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.wf-products__shape {
    z-index: 2;
}

.wf-products__shape--top-left {
    left: 1vw;
    top: 560px;
}

.wf-products__shape--top-left img {
    width: 225px;
}

.wf-products__shape--top-mid {
    left: 22vw;
    top: 405px;
}

.wf-products__shape--top-mid img {
    width: 174px;
}

.wf-products__shape--top-right {
    right: 1vw;
    top: 480px;
}

.wf-products__shape--top-right img {
    width: 252px;
}

.wf-products__shape--mid-left {
    left: 22vw;
    bottom: 280px;
    top: auto;
    transform: none;
}

.wf-products__shape--mid-left img {
    width: 183px;
}

.wf-products__shape--mid-right {
    right: 20vw;
    bottom: 292px;
    top: auto;
    transform: none;
}

.wf-products__shape--mid-right img {
    width: 204px;
}

.wf-products__shape--bottom-center {
    left: 50%;
    bottom: 252px;
    z-index: 2;
    transform: translateX(-50%);
}

.wf-products__shape--bottom-center img {
    width: 189px;
}

@media (min-width: 801px) {
    .wf-products__shape--top-left {
        top:315px;
        left: -1vw;
    }

    .wf-products__shape--top-right {
        top: 300px;
        right: -1vw;
    }
}

.wf-story__top {
    align-items: center;
    margin-bottom: 64px;
}

.wf-story__heading {
    max-width: 520px;
    margin-bottom: 34px;
    font-size: 48px;
    line-height: 1.05;
    font-weight: 700;
}

.wf-story__heading span {
    color: #FF40B1;
}

.wf-story__heading-logo {
    display: block;
    width: 267px;
    max-width: 100%;
    margin-top: 12px;
}

.wf-story__badge {
    max-width: 590px;
    margin-bottom: 34px;
}

.wf-story__benefits {
    max-width: 620px;
    row-gap: 22px;
    margin-bottom: 24px;
}

.wf-story__benefit img {
    width: 96px;
    height: 96px;
    margin-bottom: 14px;
    object-fit: contain;
}

.wf-story__benefit p {
    line-height: 1.45;
}

.wf-story__benefit:first-child img {
    width: 78px;
    height: 78px;
}

.wf-story__benefit:first-child p {
    font-size: 18px;
    line-height: 1.5;
}

.wf-story__footnote {
    max-width: 680px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
}

.wf-story__media, .wf-story__portrait {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 12px 26px rgba(0,0,0,0.12);
}

.wf-story__portrait {
    max-width: 600px;
}

.wf-story__media img, .wf-story__portrait img {
    width: 100%;
    height: auto;
}

.wf-story__author {
    margin-left: auto;
}

.wf-story__author-head {
    color: #fff;
    border-radius: 24px 24px 0 0;
    padding: 24px 30px 18px;
}

.wf-story__author-head span {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
}

.wf-story__author-head h3 {
    font-size: 32px;
    line-height: 1.05;
    font-weight: 700;
}

.wf-story__author-body {
    border-radius: 0 0 24px 24px;
    box-shadow: 0 12px 26px rgba(81,81,81,0.10);
}

.wf-story__author-body p {
    line-height: 1.5;
}

.wf-story__author-body p + p {
    margin-top: 18px;
}

.wf-story__shape--top {
    top: 10px;
    left: 45%;
    transform: translateX(-50%) rotate(-70deg);
    z-index: 0;
}

.wf-story__shape--top img {
    width: 360px;
    max-width: none;
}

.wf-story__shape--bottom {
    bottom: 140px;
    left: 52vw;
}

.wf-story__shape--bottom img {
    width: 210px;
}

.wf-story__shape--author {
    right: 20vw;
    bottom: -60px;
    z-index: 1;
}

.wf-story__shape--author img {
    width: 350px;
    max-width: none;
}

.wf-story:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 46vw;
    z-index: 0;
    transform: translate(0,18vw);
    pointer-events: none;
}

/* Page default */
.start-section {
    min-height: 420px;
}

.page-content {
    /* padding-bottom: 20vw; */
}

.page-content:after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: 0;
    background: 50% / cover no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 41vw;
    z-index: 0;
    transform: translate(0,20vw);
    pointer-events: none;
}

.page-main h2 {
    margin-top: 2rem;
}

.page-title {
    text-transform: uppercase;
    margin: 30px 0;
}

.side-nav {
    position: sticky;
    top: 0;
    width: 490px;
    background-color: #EC6633;
    background: url(../img/side-bar.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    padding: 60px 40px;
}

.side-nav h3 {
    margin-bottom: 20px;
}

.side-nav ul {
    list-style: none;
}

.side-nav li {
    border: 2px solid transparent;
    transition: 0.2s;
    background: transparent;
    padding: 10px;
    margin-bottom: 10px;
    font-family: var(--font-roboto);
}

.side-nav li.active {
    border-color: white;
    background: #EC52A7;
}

.side-nav span {
    font-weight: 600;
}

.page-main {
    padding: 60px 100px 200px;
    padding-bottom: 13vw;
    max-width: 1000px;
}

.page-main p {
    font-weight: 400;
    line-height: 1.5;
}

.page-cols {
    align-items: flex-start;
}

.side-nav {
    position: sticky;
    align-self: flex-start;
    top: 0;
    height: calc(100vh + 200px);
    flex: 0 0 auto;
}

.page-main ul {
    padding-left: 15px;
    margin: 1rem 0;
    line-height: 1.5;
}

.p-polityka footer {
    padding-top: 200px;
}

/* Article single */
.article-single {
    position: relative;
    padding-bottom: 300px;
}

.article-single:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    height: 1300px;
    background: linear-gradient(180deg, rgba(255, 207, 240, 0) 0px, rgba(255, 207, 240, 0.18) 220px, #FFCFF0 720px);
    z-index: 0;
    transform: translateX(-50%) translateY(16vw);
    pointer-events: none;
}

.article-single:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 46vw;
    z-index: 0;
    transform: translate(0,22vw);
    pointer-events: none;
}

.article-single__hero {
    padding-top: 70px;
    padding-bottom: 200px;
    position: relative;
    z-index: 1;
}

.guide-hero {
    position: relative;
    overflow: hidden;
    min-height: 43.6vw;
    color: #fff;
    z-index: 3;
}

.guide-hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.guide-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.guide-hero .container {
    position: relative;
    z-index: 1;
}

.guide-hero__inner {
    min-height: 43.6vw;
    display: flex;
    align-items: flex-start;
    padding: 100px 0 120px;
}

.guide-hero__copy {
    width: min(100%, 525px);
}

.guide-hero__back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-cond);
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
}

.guide-hero__back-link img {
    width: 7px;
    height: 12px;
    flex: 0 0 auto;
}

.guide-hero__back-link:hover {
    opacity: .78;
}

.guide-hero__title {
    margin-top: 8px;
    font-family: var(--font-cond);
    font-size: 56px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
}

.guide-hero--niespokojny-brzuszek .guide-hero__title {
    max-width: 480px;
}

.guide-hero__description {
    margin-top: 24px;
    font-family: var(--font-sans);
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #fff;
}

.guide-hero__description p + p {
    margin-top: 12px;
}

.guide-hero__description strong {
    font-weight: 700;
}

.guide-hero__description em {
    font-style: italic;
}

.guide-immunity {
    background: #fff url(../img/bg-white-paper.webp) center top / cover no-repeat;
}

.guide-immunity-section .container {
    position: relative;
    z-index: 1;
}

.guide-immunity-section-heading {
    text-align: center;
}

.guide-immunity-section-heading h2 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #111;
}

.guide-immunity-section-heading p {
    margin: 12px 0 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    color: #111;
}

.guide-immunity-overview {
    position: relative;
    padding-bottom: 11vw;
}

.guide-immunity-overview__grid {
    display: grid;
    grid-template-columns: minmax(0, 330px) minmax(0, 1fr);
    gap: 46px;
    align-items: start;
    max-width: 1280px;
    margin: 0 auto;
}

.guide-immunity-overview__copy h2 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.guide-immunity-overview__copy p {
    margin: 12px 0 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    color: #111;
}

.guide-immunity-defense {
    position: relative;
    min-height: 650px;
}

.guide-immunity-defense__halves {
    position: absolute;
    inset: 0;
}

.guide-immunity-defense__half {
    position: absolute;
    top: 118px;
    width: 290px;
}

.guide-immunity-defense__half--left {
    left: 0;
}

.guide-immunity-defense__half--right {
    right: 0;
}

.guide-immunity-defense__kicker {
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    color: #FF40B1;
}

.guide-immunity-defense__list {
    display: grid;
    gap: 36px;
    margin: 54px 0 0;
    padding: 0;
    list-style: none;
}

.guide-immunity-defense__list li {
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    text-transform: uppercase;
    color: #333;
}

.guide-immunity-defense__diagram {
    position: relative;
    width: min(100%, 880px);
    height: 610px;
    margin: 0 auto;
}

.guide-immunity-defense__diagram-circle {
    position: absolute;
    top: 38px;
    width: 470px;
    height: 470px;
    border-radius: 50%;
}

.guide-immunity-defense__diagram-circle--left {
    left: 100px;
    border: 4px solid #31A8E1;
    background: rgba(49, 168, 225, 0.12);
}

.guide-immunity-defense__diagram-circle--right {
    right: 16px;
    border: 4px solid #FF40B1;
    background: linear-gradient(149.98deg, rgba(255,255,255,0.88) 10.59%, rgba(255, 235, 249, 0.95) 100%);
}

.guide-immunity-defense__diagram-dots {
    position: absolute;
    display: grid;
    gap: 74px;
}

.guide-immunity-defense__diagram-dots span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.guide-immunity-defense__diagram-dots--left {
    top: 192px;
    left: 192px;
}

.guide-immunity-defense__diagram-dots--left span {
    background: #31A8E1;
}

.guide-immunity-defense__diagram-dots--right {
    top: 160px;
    right: 342px;
}

.guide-immunity-defense__diagram-dots--right span {
    background: #FF40B1;
}

.guide-immunity-defense__figure {
    position: absolute;
    top: 136px;
    right: 102px;
    width: 182px;
    height: 272px;
}

.guide-immunity-defense__figure-head, .guide-immunity-defense__figure-body, .guide-immunity-defense__figure-arm, .guide-immunity-defense__figure-leg {
    position: absolute;
    background: #D3EBF7;
}

.guide-immunity-defense__figure-head {
    top: 0;
    left: 50%;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    transform: translateX(-50%);
}

.guide-immunity-defense__figure-body {
    top: 54px;
    left: 50%;
    width: 36px;
    height: 114px;
    border-radius: 20px;
    transform: translateX(-50%);
}

.guide-immunity-defense__figure-arm {
    top: 88px;
    width: 84px;
    height: 20px;
    border-radius: 14px;
}

.guide-immunity-defense__figure-arm--left {
    left: 12px;
    transform: rotate(-33deg);
    transform-origin: right center;
}

.guide-immunity-defense__figure-arm--right {
    right: 12px;
    transform: rotate(33deg);
    transform-origin: left center;
}

.guide-immunity-defense__figure-leg {
    bottom: 20px;
    width: 96px;
    height: 20px;
    border-radius: 14px;
}

.guide-immunity-defense__figure-leg--left {
    left: 18px;
    transform: rotate(46deg);
    transform-origin: right center;
}

.guide-immunity-defense__figure-leg--right {
    right: 18px;
    transform: rotate(-46deg);
    transform-origin: left center;
}

.guide-immunity-defense__badge {
    position: absolute;
    left: 50%;
    bottom: 44px;
    width: min(100%, 420px);
    transform: translateX(-50%);
    padding: 18px 24px;
    border-radius: 18px;
    background: linear-gradient(149.98deg, #FFFFFF 10.59%, #FFEBF9 100%);
    box-shadow: 0 7.77px 16.84px 0 #D081B033;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #555;
}

.guide-immunity-overview__note {
    display: grid;
    grid-template-columns: 74px auto 1fr;
    gap: 18px;
    align-items: center;
    max-width: 1240px;
    margin: 28px auto 0;
    padding: 20px 28px;
    border-radius: 22px;
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px 0 rgba(0,0,0,.2);
    color: #fff;
}

.guide-immunity-overview__note img {
    width: 74px;
    height: 74px;
    object-fit: contain;
}

.guide-immunity-overview__note strong {
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.guide-immunity-overview__note span {
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.guide-immunity-nutrients {
    position: relative;
    overflow: visible;
    padding: 12vw 0;
    background: #2997C7 url(../img/bg-blue-paper.webp) center top / cover no-repeat;
}

.guide-immunity-nutrients:before, .guide-immunity-nutrients:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100vw;
    height: 29.08vw;
    background: center / 100% auto no-repeat url("../img/poradniki/apla-2.webp");
    pointer-events: none;
}

.guide-immunity-nutrients:before {
    top: -4vw;
    transform: translateX(-50%) translateY(-50%);
}

.guide-immunity-nutrients:after {
    bottom: -4vw;
    transform: translateX(-50%) translateY(50%) scaleY(-1);
}

.guide-immunity-nutrients .guide-immunity-section-heading h2, .guide-immunity-nutrients .guide-immunity-section-heading p {
    color: #fff;
}

.guide-immunity-nutrients__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    max-width: 1140px;
    margin: 54px auto 0;
}

.guide-immunity-nutrients__highlight {
    text-align: center;
    color: #fff;
}

.guide-immunity-nutrients__highlight img {
    width: auto;
    height: 120px;
    object-fit: contain;
}

.guide-immunity-nutrients__highlight h3 {
    margin: 18px 0 0;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.guide-immunity-nutrients__highlight p {
    max-width: 300px;
    margin: 8px auto 0;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}

.guide-immunity-nutrients__additional, .guide-immunity-nutrients__sources-heading {
    margin: 42px 0 0;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}

.guide-immunity-nutrients__sources {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 26px 24px;
    max-width: 1040px;
    margin: 36px auto 0;
}

.guide-immunity-nutrients__source {
    width: 180px;
    text-align: center;
    color: #fff;
}

.guide-immunity-nutrients__source img {
    width: auto;
    height: 95px;
    object-fit: contain;
}

.guide-immunity-nutrients__source span {
    display: block;
    margin-top: 12px;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.guide-immunity-support {
    position: relative;
    padding: 10vw 0 90px;
}

.guide-immunity-support__scene {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) 520px minmax(230px, 1fr);
    gap: 30px;
    align-items: center;
    max-width: 1250px;
    margin: 58px auto 0;
}

.guide-immunity-support__column {
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.guide-immunity-support-card {
    max-width: 290px;
}

.guide-immunity-support__column--left {
    align-items: flex-end;
}

.guide-immunity-support__column--right {
    align-items: flex-start;
}

.guide-immunity-support-card--featured {
    width: 250px;
    max-width: 250px;
    padding: 22px 20px 24px;
    border-radius: 20px;
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px 0 rgba(0,0,0,.2);
}

.guide-immunity-support-card__number {
    font-family: var(--font-sans);
    font-size: 80px;
    font-weight: 800;
    line-height: 1;
    color: #FF40B1;
}

.guide-immunity-support-card--featured .guide-immunity-support-card__number {
    color: #fff;
}

.guide-immunity-support-card h3 {
    margin: 6px 0 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.05;
    text-transform: uppercase;
    color: #FF40B1;
}

.guide-immunity-support-card--featured h3 {
    color: #fff;
}

.guide-immunity-support-card ul {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
}

.guide-immunity-support-card--featured ul {
    color: #fff;
}

.guide-immunity-support-card li {
    position: relative;
    padding-left: 14px;
}

.guide-immunity-support-card li + li {
    margin-top: 2px;
}

.guide-immunity-support-card li:before {
    content: '';
    position: absolute;
    top: .68em;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
}

.guide-immunity-support__visual {
    margin: 0 auto;
    width: 520px;
    height: 520px;
    border: 6px solid #fff;
    border-radius: 50%;
    box-shadow: 0 4px 26px 0 rgba(0,0,0,.22);
    overflow: hidden;
}

.guide-immunity-support__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide-immunity-support__decor {
    position: absolute;
    pointer-events: none;
}

.guide-immunity-support__decor--left {
    left: -18px;
    bottom: 100px;
    width: 120px;
    transform: rotate(-35deg);
}

.guide-immunity-support__decor--right {
    right: -16px;
    top: 220px;
    width: 130px;
    transform: rotate(20deg);
}

.guide-immunity-probiotics {
    padding: 26px 0 70px;
}

.guide-immunity-probiotics__grid {
    display: grid;
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    gap: 42px;
    align-items: start;
    max-width: 1260px;
    margin: 0 auto;
}

.guide-immunity-probiotics__copy h2 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.guide-immunity-probiotics__copy p {
    margin: 22px 0 0;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
}

.guide-immunity-probiotics__photo {
    margin: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 12px 26px rgba(0,0,0,.12);
}

.guide-immunity-probiotics__photo img {
    width: 100%;
    height: auto;
    display: block;
}

.guide-immunity-probiotics__bottom {
    max-width: 1260px;
    margin: 34px auto 0;
}

.guide-immunity-probiotics__effects h3 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.guide-immunity-probiotics__effects-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    max-width: 840px;
    margin-top: 30px;
}

.guide-immunity-probiotics__effect {
    display: grid;
    justify-items: center;
    gap: 16px;
    text-align: center;
}

.guide-immunity-probiotics__effect-mark {
    position: relative;
    width: 28px;
    height: 28px;
}

.guide-immunity-probiotics__effect-mark:before, .guide-immunity-probiotics__effect-mark:after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 4px;
    background: #FF40B1;
}

.guide-immunity-probiotics__effect-mark:before {
    width: 28px;
    height: 8px;
}

.guide-immunity-probiotics__effect-mark:after {
    width: 8px;
    height: 28px;
}

.guide-immunity-probiotics__effect p {
    max-width: 260px;
    margin: 0;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: #111;
}

.guide-immunity-probiotics__note {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 18px;
    align-items: center;
    width: min(100%, 620px);
    margin-top: 28px;
    padding: 20px 24px;
    border-radius: 22px;
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px rgba(0,0,0,.2);
    color: #fff;
}

.guide-immunity-probiotics__note img {
    width: 74px;
    height: 74px;
}

.guide-immunity-probiotics__note span {
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.guide-immunity-summary {
    position: relative;
    overflow: visible;
    padding: 20px 0 26vw;
}

.guide-immunity-summary:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41vw;
    z-index: 0;
    pointer-events: none;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    transform: translate(0,20vw);
}

.guide-immunity-summary__grid {
    display: grid;
    grid-template-columns: max-content minmax(0, 640px);
    gap: 40px;
    align-items: start;
    max-width: 1080px;
    margin: 0 auto;
}

.guide-immunity-summary__grid h2 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.guide-immunity-summary__items {
    display: grid;
    gap: 14px;
}

.guide-immunity-summary__item {
    padding: 16px 24px;
    border-radius: 24px;
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px rgba(0,0,0,.2);
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}

.guide-immunity-summary > .container {
    position: relative;
    z-index: 1;
}

.guide-probiotics {
    background: #fff url(../img/bg-white-paper.webp) center top / cover no-repeat;
}

.guide-probiotics-section .container {
    position: relative;
    z-index: 1;
}

.guide-probiotic-section-heading {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.guide-probiotic-section-heading h2 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #222;
}

.guide-probiotic-section-heading p {
    margin: 10px 0 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FF40B1;
}

.guide-probiotic-composition {
    position: relative;
    padding: 44px 0 17vw;
}

.guide-probiotic-composition__layout {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(420px, 474px) minmax(220px, 1fr);
    gap: 2px;
    max-width: 1320px;
    margin: 48px auto 0;
}

.guide-probiotic-strains {
    display: grid;
}

.guide-probiotic-strain {
    display: grid;
    align-items: center;
    gap: 18px;
}

.guide-probiotic-strain--left {
    grid-template-columns: minmax(0, 1fr) auto;
}

.guide-probiotic-strain--right {
    grid-template-columns: auto minmax(0, 1fr);
}

.guide-probiotic-strain__text h3 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #222;
}

.guide-probiotic-strain__text p {
    margin: 12px 0 0;
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0;
    color: #222;
}

.guide-probiotic-strain__shape {
    display: block;
    width: var(--shape-width, 181px);
    height: var(--shape-height, 195px);
    object-fit: contain;
    max-width: none;
    margin: -10px -36px;
}

.guide-probiotic-composition__center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.guide-probiotic-composition__metric {
    width: 100%;
    min-height: 202px;
    padding: 26px 24px;
    border-radius: 30px;
    box-shadow: 0 12px 26px 0 #00000033;
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    text-align: center;
}

.guide-probiotic-composition__metric-value {
    font-family: var(--font-sans);
    font-size: 96px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #fff;
}

.guide-probiotic-composition__metric-copy {
    margin-top: 8px;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #fff;
}

.guide-probiotic-composition__product {
    width: 100%;
    aspect-ratio: 474 / 525;
    margin-top: -36px;
}

.guide-probiotic-composition__product img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.guide-probiotic-composition__icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.guide-probiotic-composition__icon {
    display: block;
    width: 71px;
    height: 71px;
    background-color: #FF40B1;
    -webkit-mask: var(--icon-mask) center / contain no-repeat;
    mask: var(--icon-mask) center / contain no-repeat;
}

.guide-probiotic-composition__badge {
    width: 100%;
    max-width: 411px;
    margin-top: 16px;
    padding: 16px 22px;
    border-radius: 22px;
    box-shadow: 0 7.77px 16.84px 0 #D081B033;
    background: linear-gradient(149.98deg, #FFFFFF 10.59%, #FFEBF9 100%);
    font-family: var(--font-sans);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    color: #222;
}

.guide-probiotic-selection {
    position: relative;
    overflow: visible;
    padding: 12vw 0 13vw;
    background: #2997C7 url(../img/bg-blue-paper.webp) center top / cover no-repeat;
}

.guide-probiotic-selection:before, .guide-probiotic-selection:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100vw;
    height: 29.08vw;
    background: center / 100% auto no-repeat url("../img/poradniki/apla-2.webp");
    pointer-events: none;
}

.guide-probiotic-selection:before {
    top: -4vw;
    transform: translateX(-50%) translateY(-50%);
}

.guide-probiotic-selection:after {
    bottom: -4vw;
    transform: translateX(-50%) translateY(50%) scaleY(-1);
}

.guide-probiotic-selection__grid {
    display: grid;
    grid-template-columns: minmax(260px, 370px) minmax(0, 1fr);
    gap: 44px;
    align-items: center;
    max-width: 1240px;
    margin: 0 auto;
}

.guide-probiotic-selection__intro h2, .guide-probiotic-selection__intro p {
    margin: 0;
    font-family: var(--font-sans);
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}

.guide-probiotic-selection__intro h2 {
    font-size: 48px;
    font-weight: 700;
}

.guide-probiotic-selection__intro p {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
}

.guide-probiotic-selection__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: 40px;
    row-gap: 22px;
}

.guide-probiotic-selection__card {
    width: min(100%, 236px);
    min-height: 203px;
    padding: 24px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 12px 26px 0 rgba(0,0,0,.12);
    text-align: center;
}

.guide-probiotic-selection__number {
    font-family: var(--font-sans);
    font-size: 80px;
    font-weight: 800;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0;
    color: #FF40B1;
}

.guide-probiotic-selection__card p {
    margin: 6px 0 0;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #222;
}

.guide-probiotic-synergy {
    position: relative;
    overflow: visible;
    padding: 14vw 0 80px;
    background: transparent;
}

.guide-probiotic-synergy__cards {
    display: flex;
    justify-content: center;
    gap: 34px;
    max-width: 1240px;
    margin: 56px auto 0;
}

.guide-probiotic-synergy__card {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.guide-probiotic-synergy__media {
    width: 270px;
    height: 270px;
    border-radius: 50%;
    overflow: hidden;
    background: transparent;
}

.guide-probiotic-synergy__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide-probiotic-synergy__media--icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guide-probiotic-synergy__media--icon img {
    width: 110px;
    height: 110px;
    object-fit: contain;
}

.guide-probiotic-synergy__label {
    width: min(100%, 360px);
    margin-top: -70px;
    padding: 18px 22px;
    border-radius: 22px;
    background: linear-gradient(149.98deg, #FFFFFF 10.59%, #FFEBF9 100%);
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #222;
    position: relative;
    z-index: 1;
}

.guide-probiotic-storage {
    padding: 4vw 0 10vw;
}

.guide-probiotic-storage__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 702px;
    justify-content: space-between;
    gap: 50px;
    align-items: start;
    max-width: 1320px;
    margin: 0 auto;
}

.guide-probiotic-storage__intro {
    min-width: 0;
}

.guide-probiotic-storage__intro h2 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #222;
}

.guide-probiotic-storage__copy {
    margin-top: 34px;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    color: #222;
}

.guide-probiotic-storage__copy p + p, .guide-probiotic-storage__copy p + ul, .guide-probiotic-storage__copy ul + p {
    margin-top: 20px;
}

.guide-probiotic-storage__copy strong {
    font-weight: 700;
}

.guide-probiotic-storage__copy ul {
    padding-left: 28px;
}

.guide-probiotic-storage__copy li + li {
    margin-top: 4px;
}

.guide-probiotic-storage__cards {
    position: relative;
    min-height: 610px;
    padding-top: 38px;
}

.guide-probiotic-storage__critical {
    position: relative;
    width: 612px;
    min-height: 538px;
    margin-left: auto;
    padding: 76px 20px 54px;
    border-radius: 24px;
    background: linear-gradient(149.98deg, #FFFFFF 10.59%, #FFEBF9 100%);
    box-shadow: 0 12px 26px 0 #00000014;
}

.guide-probiotic-storage__alert {
    position: absolute;
    top: 0;
    left: 50%;
    width: 106px;
    height: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FF40B1;
    transform: translate(-50%, -50%);
    font-family: var(--font-sans);
    font-size: 72px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}

.guide-probiotic-storage__critical-kicker {
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #222;
}

.guide-probiotic-storage__critical h3 {
    margin: 18px 0 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    color: #222;
}

.guide-probiotic-storage__avoid {
    margin-top: 74px;
    padding-left: 200px;
}

.guide-probiotic-storage__avoid h4 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #222;
}

.guide-probiotic-storage__avoid-list {
    list-style: none;
    margin: 26px 0 0;
    padding: 0;
}

.guide-probiotic-storage__avoid-list li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    color: #222;
}

.guide-probiotic-storage__avoid-list li + li {
    margin-top: 18px;
}

.guide-probiotic-storage__avoid-list img {
    width: 22px;
    height: 22px;
    margin-top: 2px;
}

.guide-probiotic-storage__temperature {
    position: absolute;
    left: -30px;
    top: 258px;
    z-index: 2;
    width: 304px;
    min-height: 363px;
    padding: 28px 18px 28px;
    border-radius: 24px;
    box-shadow: 0 12px 26px 0 #00000033;
    text-align: center;
}

.guide-probiotic-storage__temperature-kicker {
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.guide-probiotic-storage__temperature-icon {
    display: block;
    width: 74px;
    height: 74px;
    margin: 26px auto 0;
}

.guide-probiotic-storage__temperature-value {
    margin-top: 10px;
    font-family: var(--font-sans);
    font-size: 80px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}

.guide-probiotic-storage__temperature-primary {
    margin-top: 10px;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
}

.guide-probiotic-storage__temperature-secondary {
    margin-top: 2px;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
}

.guide-probiotic-bibliography {
    position: relative;
    overflow: visible;
    margin-top: -1px;
    background: none !important;
    padding: 24px 0 26vw;
}

.guide-probiotic-bibliography:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41vw;
    z-index: 0;
    pointer-events: none;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    transform: translate(0,20vw);
}

.guide-probiotic-bibliography > .container {
    position: relative;
    z-index: 1;
}

.guide-probiotic-bibliography .guide-axis-bibliography {
    margin-top: 60px;
}

.guide-axis {
    position: relative;
}

.guide-hero + section, .guide-hero + div > section:first-child {
    margin-top: -12vw;
    padding-top: calc(12vw + 56px);
    position: relative;
    z-index: 1;
}

.guide-axis--overview {
    padding-bottom: calc(12vw + 104px);
}

.guide-axis__overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 390px) minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

.guide-axis__heading {
    margin: 0 0 24px;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #111;
}

.guide-axis__text {
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    color: #111;
}

.guide-axis__text p {
    margin-bottom: 0;
}

.guide-axis__text p + p {
    margin-top: 10px;
}

.guide-axis__text strong {
    font-weight: 600;
}

.guide-axis-graphic {
    position: relative;
}

.guide-axis-graphic--signals {
    width: 100%;
    padding: 18px 0 102px;
}

.guide-axis-graphic__stage {
    position: relative;
    width: 100%;
    max-width: 847px;
    margin: 0 auto;
}

.guide-axis-graphic__figure {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
    aspect-ratio: 847 / 371;
}

.guide-axis-graphic__figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.guide-axis-graphic__label {
    position: absolute;
    z-index: 2;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    color: #111;
}

.guide-axis-graphic__label--top {
    top: -3%;
    left: 50%;
    width: min(214px, 25.3%);
    transform: translate(-50%, 0);
    text-align: center;
}

.guide-axis-graphic__label--bottom {
    left: 50%;
    bottom: 6%;
    width: min(220px, 26%);
    transform: translate(-50%, 0);
    text-align: center;
}

.guide-axis-graphic__note {
    position: absolute;
    z-index: 2;
    padding: clamp(7px, 0.69vw, 10px) clamp(10px, 0.97vw, 14px);
    border-radius: clamp(12px, 1.25vw, 18px);
    background: linear-gradient(149.98deg, #FFFFFF 10.59%, #FFEBF9 100%);
    box-shadow: 0 7.77px 16.84px 0 #D081B033;
    font-family: var(--font-sans);
    font-size: 11.66px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    color: #111;
}

.guide-axis-graphic__note strong {
    font-weight: 600;
}

.guide-axis-graphic__note--neurons {
    top: 6.4%;
    right: -1.8%;
    width: min(190px, 24%);
}

.guide-axis-graphic__cta {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    width: min(474px, 56%);
    transform: translateX(-50%);
    padding: 16px 22px;
    border-radius: 18px;
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px rgba(0,0,0,.2);
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.guide-axis__decor {
    position: absolute;
    pointer-events: none;
}

.guide-axis__decor--right {
    right: -24px;
    bottom: 12px;
    width: min(13vw, 190px);
}

.guide-axis__decor--right img {
    width: 100%;
    height: auto;
}

.guide-axis-serotonin {
    position: relative;
    overflow: visible;
    padding: 126px 0 140px;
    background: #2997C7 url(../img/bg-blue-paper.webp) center top / cover no-repeat;
    color: #fff;
    z-index: 2;
}

.guide-axis-serotonin:before, .guide-axis-serotonin:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100vw;
    height: 29.08vw;
    background: center / 100% auto no-repeat url("../img/poradniki/apla-2.webp");
    pointer-events: none;
}

.guide-axis-serotonin:before {
    top: -4vw;
    transform: translateX(-50%) translateY(-50%);
}

.guide-axis-serotonin:after {
    bottom: -4vw;
    transform: translateX(-50%) translateY(50%) scaleY(-1);
}

.guide-axis-serotonin .container {
    position: relative;
    z-index: 1;
    min-height: 14vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.guide-axis-serotonin__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(290px, .5fr);
    gap: 48px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.guide-axis-serotonin__main {
    margin-top: -80px;
}

.guide-axis-serotonin__heading {
    max-width: 520px;
    margin: 0 0 40px;
    font-family: var(--font-sans);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}

.guide-axis-serotonin__heading span {
    display: block;
    color: #FF40B1;
    font-weight: 800;
}

.guide-axis-serotonin__metric {
    display: flex;
    align-items: flex-end;
    gap: 26px;
}

.guide-axis-serotonin__value {
    flex: 0 0 auto;
    font-family: var(--font-sans);
    font-size: 135.23px;
    font-weight: 800;
    line-height: 0.75;
    letter-spacing: 0;
    color: #fff;
}

.guide-axis-serotonin__metric-text {
    max-width: 510px;
    margin: 0 0 22px;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}

.guide-axis-serotonin__lead {
    max-width: 320px;
    margin: 0 auto 26px;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
}

.guide-axis-serotonin__effects {
    display: grid;
    grid-template-columns: auto auto;
    gap: 8px;
    width: max-content;
    margin: 0 auto;
    justify-content: center;
    justify-items: center;
}

.guide-axis-serotonin__effect {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    max-width: 138px;
    text-align: center;
}

.guide-axis-serotonin__icon {
    display: block;
    flex: 0 0 auto;
}

.guide-axis-serotonin__icon--mood {
    width: 54px;
    height: 54px;
}

.guide-axis-serotonin__icon--sleep {
    position: relative;
    width: 65px;
    height: 65px;
    margin-top: -11px;
}

.guide-axis-serotonin__effect span {
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
}

.guide-axis--stress {
    padding: 14vw 0 50px;
    z-index: 1;
}

.guide-axis__stress-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 364px);
    gap: 52px;
    align-items: center;
}

.guide-axis__copy--stress {
    max-width: 364px;
    margin-top: -150px;
}

.guide-axis-cycle__panel {
    position: relative;
    width: 100%;
    max-width: 847px;
    margin: 0 auto;
}

.guide-axis-cycle__figure {
    width: 100%;
    margin: 0;
    aspect-ratio: 847 / 887;
}

.guide-axis-cycle__figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.guide-axis-cycle__center {
    position: absolute;
    z-index: 3;
    top: 49%;
    left: 50%;
    width: min(250px, 29.5%);
    max-width: 250px;
    transform: translate(-50%, -50%);
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 800;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #FF40B1;
}

.guide-axis-cycle__chip {
    position: absolute;
    z-index: 2;
    padding: 14px 16px;
    border-radius: 16px;
    background: linear-gradient(149.98deg, #FFFFFF 10.59%, #FFEBF9 100%);
    box-shadow: 0 12px 26px 0 #D081B033;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #111;
}

.guide-axis-cycle__chip--top {
    top: 28%;
    left: 50%;
    width: min(160px, 18.9%);
    transform: translateX(-50%);
}

.guide-axis-cycle__chip--left {
    top: 58%;
    left: 6.9%;
    width: min(200px, 23.7%);
}

.guide-axis-cycle__chip--right {
    top: 55.3%;
    right: 5.5%;
    width: min(230px, 27.2%);
}

.guide-axis-cycle__chip--bottom {
    bottom: 5%;
    left: 50%;
    width: min(460px, 54.3%);
    transform: translateX(-50%);
}

.guide-axis-support {
    position: relative;
    overflow: visible;
    margin-top: -1px;
    padding: 0 0 26vw;
    background: none !important;
}

.guide-axis-support:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41vw;
    z-index: 0;
    pointer-events: none;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    transform: translate(0,20vw);
}

.guide-axis-support > .container {
    position: relative;
    z-index: 1;
}

.guide-axis-support__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.guide-axis-support__heading {
    max-width: 920px;
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.guide-axis-support__subheading {
    margin: 16px 0 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    color: #111;
}

.guide-axis-support__scene {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 574px minmax(220px, 1fr);
    gap: 28px;
    align-items: start;
    margin-top: 52px;
}

.guide-axis-support__column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 574px;
    padding-top: 34px;
}

.guide-axis-support-card-wrap {
    position: relative;
    width: 310px;
    max-width: 310px;
}

.guide-axis-support-card-wrap--featured {
    z-index: 1;
}

.guide-axis-support-card-wrap__shape {
    position: absolute;
    top: 182px;
    left: -142px;
    width: 200px;
    height: auto;
    pointer-events: none;
}

.guide-axis-support__column--left {
    align-items: flex-end;
}

.guide-axis-support__column--right {
    align-items: flex-start;
}

.guide-axis-support-card {
    position: relative;
    width: 310px;
    max-width: 310px;
    min-height: 160px;
    padding: 10px 24px 20px;
    border-radius: 24px;
    background: transparent;
    text-align: center;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease;
}

.guide-axis-support-card.is-active, .guide-axis-support-card:hover {
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px 0 rgba(0,0,0,.2);
}

.guide-axis-support-card.is-active .guide-axis-support-card__number, .guide-axis-support-card.is-active .guide-axis-support-card__title, .guide-axis-support-card.is-active .guide-axis-support-card__list, .guide-axis-support-card.is-active .guide-axis-support-card__list li, .guide-axis-support-card:hover .guide-axis-support-card__number, .guide-axis-support-card:hover .guide-axis-support-card__title, .guide-axis-support-card:hover .guide-axis-support-card__list, .guide-axis-support-card:hover .guide-axis-support-card__list li {
    color: #fff;
}

.guide-axis-support-card__number {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 80px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    color: #FF40B1;
    text-align: center;
}

.guide-axis-support-card__title {
    margin: -6px 0 16px;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
    color: #FF40B1;
    text-align: center;
}

.guide-axis-support-card__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: #111;
}

.guide-axis-support-card__list li {
    position: relative;
    padding-left: 15px;
}

.guide-axis-support-card__list li + li {
    margin-top: 2px;
}

.guide-axis-support-card__list li:before {
    content: '';
    position: absolute;
    top: .68em;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
}

.guide-axis-support-visual {
    position: relative;
    width: 574px;
    height: 574px;
    border-radius: 50%;
    overflow: hidden;
}

.guide-axis-support-visual__photo {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .2s ease;
}

.guide-axis-support-visual__photo--1 {
    opacity: 1;
}

.guide-axis-support-visual[data-active] .guide-axis-support-visual__photo {
    opacity: 0;
}

.guide-axis-support-visual[data-active="1"] .guide-axis-support-visual__photo--1, .guide-axis-support-visual[data-active="2"] .guide-axis-support-visual__photo--2, .guide-axis-support-visual[data-active="3"] .guide-axis-support-visual__photo--3, .guide-axis-support-visual[data-active="4"] .guide-axis-support-visual__photo--4 {
    opacity: 1;
}

.guide-axis-support__scene:has([data-support-card][data-photo="1"]:hover) .guide-axis-support-visual__photo, .guide-axis-support__scene:has([data-support-card][data-photo="2"]:hover) .guide-axis-support-visual__photo, .guide-axis-support__scene:has([data-support-card][data-photo="3"]:hover) .guide-axis-support-visual__photo, .guide-axis-support__scene:has([data-support-card][data-photo="4"]:hover) .guide-axis-support-visual__photo {
    opacity: 0;
}

.guide-axis-support__scene:has([data-support-card][data-photo="1"]:hover) .guide-axis-support-visual__photo--1, .guide-axis-support__scene:has([data-support-card][data-photo="2"]:hover) .guide-axis-support-visual__photo--2, .guide-axis-support__scene:has([data-support-card][data-photo="3"]:hover) .guide-axis-support-visual__photo--3, .guide-axis-support__scene:has([data-support-card][data-photo="4"]:hover) .guide-axis-support-visual__photo--4 {
    opacity: 1;
}

.guide-axis-support-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.guide-axis-support__summary {
    max-width: 880px;
    margin: 80px auto 0;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    color: #111;
}

.guide-axis-insights {
    display: grid;
    width: min(100%, 1080px);
    grid-template-columns: max-content minmax(0, 640px);
    gap: 40px;
    align-items: start;
    margin-top: 72px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

.guide-axis-insights__heading {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    color: #111;
}

.guide-axis-insights__list {
    display: grid;
    gap: 14px;
    justify-items: end;
    margin-top: 0;
}

.guide-axis-insights__item {
    width: min(100%, 640px);
    padding: 16px 24px;
    border-radius: 24px;
    background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px 0 rgba(0,0,0,.2);
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    color: #fff;
}

.guide-axis-support__disclaimer {
    max-width: 1100px;
    margin: 60px auto 0;
    font-family: var(--font-quicksand);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #555;
}

.guide-axis-bibliography {
    max-width: 1060px;
    margin: 72px auto 0;
}

.guide-axis-bibliography__heading {
    margin: 0 0 28px;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    color: #111;
}

.guide-axis-bibliography__list {
    margin: 0;
    padding-left: 22px;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
}

.guide-axis-bibliography__list li + li {
    margin-top: 8px;
}

.guide-axis-support__decor {
    position: absolute;
    pointer-events: none;
}

.guide-axis-support__decor--top {
    top: 20px;
    right: -60px;
    width: 220px;
}

.guide-axis-support__decor--left {
    left: -40px;
    bottom: 320px;
    width: 220px;
}

.guide-axis-support__decor img {
    width: 100%;
    height: auto;
}

.guide-placeholder {
    padding: 56px 0 90px;
    background: #f8f8f8;
}

.guide-placeholder p {
    max-width: 760px;
    font-family: var(--font-sans);
    font-size: 18px;
    line-height: 1.5;
    color: #111;
}

.guide-colic {
    background: #fff;
}

.guide-colic-section {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.guide-colic-title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #191919;
}

.guide-colic-title--center {
    text-align: center;
}

.guide-colic-title--white {
    color: #fff;
}

.guide-colic-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide-colic-icon-list__item {
    display: flex;
    align-items: center;
    gap: 30px;
    font-family: var(--font-cond);
    font-size: 32px;
    line-height: 1.12;
    color: #1b1b1b;
}

.guide-colic-icon-list__item + .guide-colic-icon-list__item {
    margin-top: -6px;
}

.guide-colic-icon-list__item--right {
    justify-content: flex-end;
}

.guide-colic-icon-list__thumb {
    position: relative;
    width: 166px;
    height: 166px;
    flex: 0 0 166px;
    border-radius: 50%;
    object-fit: cover;
    top: 6px;
}

.guide-colic-symptoms {
    padding: 78px 0 48px;
}

.guide-colic-symptoms__inner {
    position: relative;
    width: 100%;
    min-height: 760px;
}

.guide-colic-symptoms__semi {
    position: absolute;
    left: -125px;
    top: -102px;
    width: 600px;
    margin: 0;
    pointer-events: none;
}

.guide-colic-symptoms__semi img {
    width: 100%;
    height: auto;
    display: block;
}

.guide-colic-symptoms__content {
    position: relative;
    z-index: 1;
    margin-left: 450px;
    top: -10px;
}

.guide-colic-symptoms__list {
    margin-top: 26px;
}

.guide-colic-symptoms__list .guide-colic-icon-list__item:nth-child(1) {
    margin-left: 0;
}

.guide-colic-symptoms__list .guide-colic-icon-list__item:nth-child(2) {
    margin-left: 69px;
}

.guide-colic-symptoms__list .guide-colic-icon-list__item:nth-child(3) {
    margin-left: 120px;
}

.guide-colic-symptoms__list .guide-colic-icon-list__item:nth-child(4) {
    margin-left: 69px;
}

.guide-colic-symptoms__list .guide-colic-icon-list__item:nth-child(5) {
    margin-left: 0;
}

.guide-colic-symptoms__list .guide-colic-icon-list__item > span {
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

.guide-colic-symptoms__decor {
    position: absolute;
    pointer-events: none;
}

.guide-colic-symptoms__decor img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 24px 18px rgba(255,67,178,.10));
}

.guide-colic-symptoms__decor--blue {
    right: 86px;
    top: 250px;
    width: 220px;
}

.guide-colic-symptoms__decor--green {
    right: 22px;
    top: 182px;
    width: 184px;
    transform: rotate(97deg);
}

.guide-colic-alert {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: space-between;
    width: min(100%, 1280px);
    margin-top: 18px;
    padding: 0 80px;
    border-radius: 24px;
    overflow: hidden;
    background: #F342AE url(../img/bg-pink-badge.webp) center / cover no-repeat;
    box-shadow: 0 12px 26px 0 #00000033;
}

.guide-colic-alert__decor {
    position: absolute;
    right: 24px;
    bottom: 22px;
    z-index: 3;
    width: 230px;
    pointer-events: none;
}

.guide-colic-alert__decor img {
    display: block;
    width: 100%;
    height: auto;
    transform: rotate(22deg);
    filter: drop-shadow(0 20px 16px rgba(255,67,178,.08));
}

.guide-colic-alert__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 78px;
    padding: 16px 24px;
    font-family: var(--font-cond);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
}

.guide-colic-alert__label img {
    width: 67px;
    height: 67px;
}

.guide-colic-alert__text {
    margin: 0;
    max-width: 740px;
    padding: 16px 0;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    padding-left: 40px;
}

.guide-colic-causes {
    padding: 120px 0 14vw;
}

.guide-colic-causes__inner {
    position: relative;
    width: 100%;
    min-height: 790px;
}

.guide-colic-causes__stage {
    position: relative;
    z-index: 1;
    margin-right: 450px;
    top: -74px;
    text-align: right;
}

.guide-colic-causes__list {
    margin-top: 10px;
}

.guide-colic-causes__list .guide-colic-icon-list__item:nth-child(1) {
    margin-right: 0;
}

.guide-colic-causes__list .guide-colic-icon-list__item:nth-child(2) {
    margin-right: 69px;
}

.guide-colic-causes__list .guide-colic-icon-list__item:nth-child(3) {
    margin-right: 120px;
}

.guide-colic-causes__list .guide-colic-icon-list__item:nth-child(4) {
    margin-right: 69px;
}

.guide-colic-causes__list .guide-colic-icon-list__item:nth-child(5) {
    margin-right: 0;
}

.guide-colic-causes__list .guide-colic-icon-list__item > span {
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

.guide-colic-causes__copy {
    max-width: 970px;
    margin: 58px auto 0;
    text-align: center;
}

.guide-colic-causes__copy p, .guide-colic-causes__copy h3 {
    margin: 0;
    color: #303030;
}

.guide-colic-causes__copy p {
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0;
}

.guide-colic-causes__copy h3 {
    margin-top: 26px;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

.guide-colic-causes__copy h3 + p {
    /* margin-top:10px; */
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}

.guide-colic-causes__semi {
    position: absolute;
    right: -125px;
    top: -102px;
    width: 600px;
    margin: 0;
    pointer-events: none;
}

.guide-colic-causes__semi img {
    display: block;
    width: 100%;
    height: auto;
}

.guide-colic-steps {
    position: relative;
    overflow: visible;
    padding: 12vw 0 232px;
    background: #2997C7 url(../img/bg-blue-paper.webp) center top / cover no-repeat;
    z-index: 3;
}

.guide-colic-steps > .container {
    position: relative;
    z-index: 2;
}

.guide-colic-steps__wave {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    pointer-events: none;
}

.guide-colic-steps__wave img {
    display: block;
    width: 100%;
    height: auto;
}

.guide-colic-steps__wave--top {
    top: 0;
    transform: translateY(-20vw);
}

.guide-colic-steps__wave--bottom {
    bottom: 0;
    transform: translateY(20vw);
}

.guide-colic-steps__layout {
    display: grid;
    grid-template-columns: 600px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    margin-top: 54px;
}

.guide-colic-steps__panels {
    position: relative;
    min-height: 25vw;
    margin-left: -50px;
    width: calc(100% + 50px);
    min-width: 728px;
}

.guide-colic-steps__tabs {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
}

.guide-colic-steps__tab {
    width: 600px;
    min-height: 95px;
    padding: 10px 24px;
    border: 0;
    border-radius: 16px;
    box-shadow: 0px 12px 26px 0px #00000033;
    background: #fff;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: left;
    color: #F342AE;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.guide-colic-steps__tab.is-active, .guide-colic-steps__tab:hover, .guide-colic-steps__tab:focus-visible {
    background: #F342AE url(../img/bg-pink-badge.webp) center / cover no-repeat;
    color: #fff;
    outline: none;
}

.guide-colic-step-panel {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 328px minmax(0, 1fr);
    min-height: 100%;
    min-width: 728px;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(149.98deg, #FFFFFF 10.59%, #FFEBF9 100%);
    box-shadow: 0 16px 34px rgba(0,0,0,.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
}

.guide-colic-step-panel.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.guide-colic-step-panel[hidden] {
    display: grid !important;
}

.guide-colic-step-panel__media {
    margin: 0;
    min-height: 100%;
}

.guide-colic-step-panel__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide-colic-step-panel__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px 30px;
    min-width: 400px;
}

.guide-colic-check-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide-colic-check-list__item {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    color: #232323;
}

.guide-colic-check-list__item + .guide-colic-check-list__item {
    margin-top: 22px;
}

.guide-colic-check-list__icon {
    display: block;
    width: 27px;
    height: auto;
}

.guide-colic-choice {
    padding: 20vw 0 60px;
}

.guide-colic-choice .container {
    max-width: 1400px;
}

.guide-colic-choice__header {
    width: 100%;
    max-width: 700px;
}

.guide-colic-choice__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 522px;
    gap: 44px;
    align-items: start;
    margin-top: 52px;
}

.guide-colic-choice__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: min(100%, 700px);
    height: 100%;
}

.guide-colic-choice__points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 28px;
}

.guide-colic-choice__point {
    text-align: center;
}

.guide-colic-choice__point-icon {
    width: 44px;
    height: 44px;
}

.guide-colic-choice__point h3 {
    margin: 18px 0 10px;
    font-family: var(--font-cond);
    font-size: 22px;
    line-height: 1.05;
    color: #181818;
}

.guide-colic-choice__point p {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 300;
}

.guide-colic-choice__photo {
    margin: 0;
    width: 100%;
    aspect-ratio: 522 / 798;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 36px rgba(0,0,0,.14);
}

.guide-colic-choice__photo img {
    object-fit: cover;
}

.guide-colic-choice__notice {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 22px 28px;
    border-radius: 24px;
    box-shadow: 0 14px 30px rgba(237,55,165,.2);
}

.guide-colic-choice__notice img {
    width: 67px;
    height: 67px;
    flex: 0 0 auto;
}

.guide-colic-choice__notice p {
    margin: 0;
    font-family: "DIN 2014 Narrow", var(--font-cond);
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}

.guide-colic-summary {
    padding: 24px 0 32px;
}

.guide-colic-summary__inner {
    display: grid;
    grid-template-columns: 400px 630px;
    max-width: 1060px;
    margin: 0 auto;
    justify-content: space-between;
    gap: 40px;
    align-items: start;
}

.guide-colic-summary__intro {
    position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.guide-colic-summary__decor {
    position: absolute;
    left: -8px;
    top: 138px;
    width: 104px;
    pointer-events: none;
}

.guide-colic-summary__decor img {
    display: block;
    width: 100%;
    height: auto;
}

.guide-colic-summary__cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 630px;
}

.guide-colic-summary__card {
    width: 100%;
    padding: 22px 28px;
    border-radius: 18px;
    box-shadow: 0 12px 26px 0 #00000033;
    font-family: "DIN 2014 Narrow", var(--font-cond);
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    background-color: #F365B4;
    background-image: url(../img/bg-pink-badge.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.guide-colic-summary__disclaimer {
    margin: 32px auto 0;
    max-width: 1060px;
    width: 100%;
    font-family: "DIN 2014", var(--font-sans);
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
    text-align: left;
    color: #777;
}

.guide-colic-bibliography {
    position: relative;
    overflow: visible;
    margin-top: -1px;
    background: none !important;
    padding: 18px 0 26vw;
}

.guide-colic-bibliography:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41vw;
    z-index: 0;
    pointer-events: none;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    transform: translate(0,20vw);
}

.guide-colic-bibliography > .container {
    position: relative;
    z-index: 1;
}

.guide-colic-bibliography .guide-axis-bibliography {
    margin-top: 0;
}
}

@media (min-width: 1001px) and (max-width:1440px) {
    .guide-colic-title {
        font-size:42px;
    }

    .guide-colic-icon-list__item {
        font-size: 30px;
    }

    .guide-colic-steps__panels {
        margin-left: -100px;
        width: calc(100% + 100px);
    }

    .guide-colic-steps__tab {
        width: 600px;
        min-height: 95px;
        padding: 10px 24px;
        font-size: 24px;
    }

    .guide-colic-check-list__item {
        font-size: 22px;
    }
}

@media (max-width: 1000px) {
    .guide-colic-alert {
        padding:0 40px;
    }

    .guide-colic-alert__label {
        min-height: 0;
    }

    .guide-colic-steps {
        padding: 180px 0 190px;
    }

    .guide-colic-steps__wave--top {
        transform: translateY(-16vw);
    }

    .guide-colic-steps__wave--bottom {
        transform: translateY(16vw);
    }

    .guide-colic-steps__layout {
        grid-template-columns: 1fr;
    }

    .guide-colic-steps__panels {
        min-height: 0;
        width: 100%;
        min-width: 0;
        margin-left: 0;
    }

    .guide-colic-steps__tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .guide-colic-steps__tab {
        width: 100%;
        min-height: 58px;
        font-size: 18px;
        padding: 14px 16px;
    }

    .guide-colic-step-panel {
        position: relative;
        inset: auto;
        grid-template-columns: 240px minmax(0, 1fr);
        min-height: 0;
        min-width: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: none;
    }

    .guide-colic-step-panel[hidden] {
        display: none !important;
    }

    .guide-colic-step-panel__body {
        padding: 28px 26px 30px 24px;
        min-width: 0;
    }

    .guide-colic-check-list__item {
        font-size: 20px;
        gap: 12px;
    }

    .guide-colic-check-list__icon {
        font-size: 42px;
    }

    .guide-colic-choice {
        padding-top: 86px;
    }

    .guide-colic-choice__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .guide-colic-choice__photo {
        max-width: 420px;
    }

    .guide-colic-summary__inner {
        grid-template-columns: 1fr;
    }

    .guide-colic-summary__decor {
        position: static;
        margin-top: 24px;
    }

    .guide-colic-summary__cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .guide-colic-title {
        font-size:32px;
        line-height: 1.15;
    }

    .guide-colic-section {
        overflow: hidden;
    }

    .guide-colic-steps {
        overflow: hidden;
    }

    .guide-colic-steps > .container {
        z-index: 1;
    }

    .guide-colic-steps__wave--top {
        transform: translateY(-1px);
    }

    .guide-colic-steps__wave--bottom {
        transform: translateY(1px);
    }

    .guide-colic-symptoms {
        padding: 36px 0 38px;
    }

    .guide-colic-symptoms__semi {
        left: -160px;
        top: 8px;
        width: 300px;
        opacity: .96;
    }

    .guide-colic-symptoms__content {
        width: 100%;
        max-width: none;
        padding-left: 88px;
        margin-left: 0;
    }

    .guide-colic-symptoms__list {
        margin-top: 28px;
    }

    .guide-colic-symptoms__list .guide-colic-icon-list__item > span {
        font-size: 24px;
    }

    .guide-colic-symptoms__list .guide-colic-icon-list__item:nth-child(n) {
        margin-left: 0;
    }

    .guide-colic-icon-list__item {
        font-size: 24px;
        line-height: 1.16;
    }

    .guide-colic-icon-list__item--right {
        justify-content: flex-start;
    }

    .guide-colic-icon-list__thumb {
        width: 66px;
        height: 66px;
        flex-basis: 66px;
    }

    .guide-colic-symptoms__decor--blue {
        right: 28px;
        top: 126px;
        width: 120px;
    }

    .guide-colic-symptoms__decor--green {
        right: -6px;
        top: 92px;
        width: 106px;
        transform: rotate(97deg);
    }

    .guide-colic-alert {
        margin-top: 26px;
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 18px;
        border-radius: 16px;
    }

    .guide-colic-alert__decor {
        display: none;
    }

    .guide-colic-alert__label {
        gap: 12px;
        padding: 14px 18px;
        font-size: 22px;
    }

    .guide-colic-alert__text {
        max-width: none;
        padding: 14px 0 0;
        font-size: 16px;
        text-align: left;
    }

    .guide-colic-causes {
        padding: 42px 0 64px;
    }

    .guide-colic-causes__content {
        width: 100%;
        max-width: none;
        margin-right: 0;
    }

    .guide-colic-causes__semi {
        right: -170px;
        top: 160px;
        width: 320px;
        opacity: .94;
    }

    .guide-colic-causes__list {
        margin-top: 30px;
    }

    .guide-colic-causes__list .guide-colic-icon-list__item > span {
        font-size: 24px;
    }

    .guide-colic-causes__list .guide-colic-icon-list__item:nth-child(n) {
        margin-right: 0;
    }

    .guide-colic-causes__copy {
        margin: 34px auto 0;
    }

    .guide-colic-causes__copy p {
        font-size: 32px;
        line-height: 1.2;
    }

    .guide-colic-causes__copy h3 {
        font-size: 32px;
        line-height: 1.2;
    }

    .guide-colic-steps {
        padding: 112px 0 128px;
    }

    .guide-colic-steps__layout {
        margin-top: 30px;
        gap: 16px;
    }

    .guide-colic-steps__tabs {
        grid-template-columns: 1fr;
    }

    .guide-colic-step-panel {
        grid-template-columns: 1fr;
    }

    .guide-colic-step-panel__media {
        height: 260px;
    }

    .guide-colic-step-panel__body {
        padding: 22px 18px 24px;
    }

    .guide-colic-check-list__item {
        grid-template-columns: 26px minmax(0, 1fr);
        font-size: 18px;
        line-height: 1.35;
    }

    .guide-colic-check-list__item + .guide-colic-check-list__item {
        margin-top: 14px;
    }

    .guide-colic-check-list__icon {
        margin-top: -1px;
        font-size: 32px;
    }

    .guide-colic-choice {
        padding: 72px 0 56px;
    }

    .guide-colic-choice__grid {
        margin-top: 30px;
    }

    .guide-colic-choice__content {
        width: 100%;
        height: auto;
        gap: 24px;
        justify-content: flex-start;
    }

    .guide-colic-choice__points {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .guide-colic-choice__point h3 {
        font-size: 20px;
    }

    .guide-colic-choice__point p {
        font-size: 15px;
    }

    .guide-colic-choice__notice {
        width: 100%;
        gap: 16px;
        padding: 16px 18px;
        border-radius: 18px;
    }

    .guide-colic-choice__notice img {
        width: 48px;
        height: 48px;
    }

    .guide-colic-choice__notice p {
        font-size: 18px;
    }

    .guide-colic-summary {
        padding-top: 8px;
    }

    .guide-colic-summary__inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .guide-colic-summary__intro {
        min-height: auto;
        justify-content: flex-start;
        gap: 22px;
    }

    .guide-colic-summary__cards {
        max-width: 100%;
    }

    .guide-colic-summary__card {
        font-size: 16px;
        padding: 22px 28px;
    }

    .guide-colic-summary__disclaimer {
        margin-top: 0;
        max-width: 100%;
        font-size: 16px;
    }

    .guide-colic-bibliography {
        padding-bottom: 160px;
    }
}

.article-single__hero:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background: linear-gradient(180deg, rgba(41, 151, 199, 0.5) 33.07%, rgba(255, 255, 255, 0.2) 100%);
    pointer-events: none;
    z-index: -1;
    transform: translateX(-50%);
}

.article-single__hero-grid, .article-single__content-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1.15fr) minmax(0, 780px);
    align-items: start;
    justify-content: space-between;
}

.article-single__hero-copy, .article-single__sidebar {
    padding-right: 50px;
}

.article-single__hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
}

.article-single__back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-cond);
    font-size: 1rem;
    line-height: 1.5;
    color: #FF40B1;
}

.article-single__back-link img {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.article-single__back-link:hover {
    opacity: .75;
}

.article-single__meta, .article-card__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.article-single__meta {
    margin: 28px 0 20px;
}

.article-single__category, .article-card__category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #FF40B1;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
}

.article-single__category:hover, .article-card__category:hover {
    opacity: .88;
}

.article-card__time {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #111;
}

.article-single__reading-time {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #111;
}

.article-single__title {
    max-width: 460px;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.article-single__thumbnail {
    padding-top: 62%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 26px 0 rgba(0,0,0,.15);
}

.article-single__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-single__content {
    position: relative;
    z-index: 1;
}

.article-single__bacteria {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.article-single__bacteria img, .article-related__bacteria img {
    width: 197px;
    height: auto;
}

.article-single__bacteria .bacteria:nth-child(1) {
    top: 54%;
    left: -110px;
    transform: translateY(-50%);
}

.article-single__bacteria .bacteria:nth-child(2) {
    top: 42%;
    right: -120px;
    left: auto;
    transform: translateY(-50%);
}

.article-single__sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 36px;
    align-self: start;
    height: max-content;
}

.article-toc {
    max-width: 400px;
    padding: 0;
    z-index: 2;
}

.article-toc__title {
    margin: 0;
    position: relative;
    z-index: 2;
    padding: 20px 32px 20px 24px;
    border: 2px solid #EC52A7;
    border-radius: 24px;
    background: linear-gradient(90deg, #FF43B2 0%, #EC52A7 100%);
    box-shadow: 0 12px 26px 0 rgba(255, 67, 178, .2);
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}

.article-toc__list {
    list-style: none;
    margin-top: -40px;
    padding: 50px 12px 20px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    background: linear-gradient(180deg,rgba(255, 248, 252, 0.9) 0%,rgba(254, 240, 248, 0.9) 100%);
    box-shadow: 0 14px 34px rgba(227, 156, 197, .25);
}

.article-toc__item {
    margin-bottom: 6px;
}

.article-toc__item:last-child {
    margin-bottom: 0;
}

.article-toc__item a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    border: 3px solid transparent;
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
    color: #111;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.article-toc__item--primary a, .article-toc__item--secondary a, .article-toc__item--bibliography a, .article-toc__item--subsection a {
    font-family: var(--font-sans);
    font-size: 18px;
    line-height: 1.5;
}

.article-toc__item--primary a, .article-toc__item--bibliography a {
    font-weight: 700;
}

.article-toc__item--summary a {
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.article-toc__item--secondary a, .article-toc__item--subsection a {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    padding-left: 20px;
}

.article-toc__item a:hover, .article-toc__item.active a {
    background: linear-gradient(91.46deg, #FFFFFF 0%, #FFFFFF 100%);
    border-color: #FFFFFF;
    box-shadow: 0 -1px 26px 0 rgba(255, 64, 177, .3);
}

.article-single__body {
    min-width: 0;
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #222;
}

.article-single__body > *:first-child {
    margin-top: 0;
}

.article-single__body p, .article-single__body li {
    font-family: var(--font-sans) !important;
    font-size: 16px;
    font-weight: 300 !important;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
}

.article-single__body p {
    margin: 0 0 1.25rem;
}

.article-single__body a {
    text-decoration: underline;
}

.article-single__body .article-lead {
    font-family: var(--font-sans) !important;
    font-size: 16px;
    font-weight: 300 !important;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
}

.article-single__body ul, .article-single__body ol {
    margin: 0 0 1.5rem 1.25rem;
    padding: 0;
}

.article-single__body h2, .article-single__body h3 {
    scroll-margin-top: 150px;
    color: #111;
}

.article-single__body h2 {
    margin: 0 0 1rem;
    font-family: var(--font-sans);
    font-size: 40px;
    font-weight: 700 !important;
    line-height: 1.3;
    letter-spacing: 0;
}

.article-single__body h2 strong, .article-single__body h2 b, .article-single__body h3 strong, .article-single__body h3 b {
    font-weight: 700 !important;
}

.article-single__body h2:not(:first-child) {
    margin-top: 3rem;
}

.article-single__body h3 {
    margin: 2.25rem 0 1rem;
    font-family: var(--font-sans);
    font-size: 32px;
    font-weight: 700 !important;
    line-height: 1.4;
    letter-spacing: 0;
}

.article-single__body h2#bibliografia, .article-single__body h2#podsumowanie {
    font-weight: 700 !important;
}

.article-single__body strong, .article-single__body b {
    font-family: var(--font-sans) !important;
    font-weight: 400 !important;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
}

.article-single__body em, .article-single__body i {
    display: inline;
    font-family: var(--font-sans) !important;
    font-weight: 300 !important;
    font-style: normal;
    transform: skewX(-10deg);
    line-height: 1.5;
    letter-spacing: 0;
}

.article-single__body blockquote, .article-single__body .wp-block-quote {
    margin: 2rem 0;
    padding: 24px 28px;
    border-left: 4px solid #FF40B1;
    border-radius: 18px;
    background: rgba(255, 64, 177, .06);
}

.article-single__body .article-single__disclaimer {
    display: inline-block;
    font-family: var(--font-sans) !important;
    font-size: 16px;
    font-weight: 300 !important;
    font-style: normal;
    transform: skewX(-10deg);
    line-height: 1.5;
    letter-spacing: 0;
}

.article-single__body h2[id*="bibliografia"] ~ p, .article-single__body h2[id*="bibliografia"] ~ ul, .article-single__body h2[id*="bibliografia"] ~ ol, .article-single__body h2[id*="bibliografia"] ~ ul li, .article-single__body h2[id*="bibliografia"] ~ ol li {
    font-weight: 400;
}

.article-single__body .article-single__bibliography, .article-single__body .article-single__bibliography li, .article-single__body .article-single__bibliography p, .article-single__body .article-single__bibliography a, .article-single__body .article-single__bibliography strong, .article-single__body .article-single__bibliography b, .article-single__body .article-single__bibliography em, .article-single__body .article-single__bibliography i {
    font-weight: 400 !important;
}

.article-related {
    position: relative;
    margin-top: 40px;
    padding: 110px 0 120px;
}

.article-related__bacteria {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.article-related__bacteria .bacteria:nth-child(1) {
    top: 66%;
    left: -3%;
}

.article-related__bacteria .bacteria:nth-child(2) {
    right: -4%;
    top: -4%;
    left: auto;
}

.article-related__bacteria .bacteria:nth-child(3) {
    right: 15%;
    top: 52%;
    bottom: auto;
}

.article-related .container {
    position: relative;
    z-index: 1;
}

.article-related__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 42px;
}

.article-related__title {
    font-family: var(--font-sans);
    font-size: 2.223rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.article-related__cta, .article-card__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 22px;
    border: 3px solid #FF40B1;
    border-radius: 999px;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #FF40B1;
    background: #fff;
}

.article-related__cta {
    background: #fff;
    color: #FF40B1;
}

.article-related__cta:hover, .article-card__link:hover {
    background: #FF40B1;
    color: #fff;
}

.article-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.article-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .12);
}

.article-card__image {
    padding-top: 58%;
}

.article-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px 20px 22px;
}

.article-card__meta {
    justify-content: space-between;
    margin-bottom: 14px;
}

.article-card__title {
    margin: 0 0 12px;
    font-family: var(--font-cond);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}

.article-card__title a {
    color: #111;
}

.article-card__excerpt {
    margin: 0 0 18px;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-card__link {
    margin-top: auto;
    align-self: flex-start;
    min-height: 45px;
    padding: 8px 28px;
    font-size: 18px;
    line-height: 1.4;
    box-shadow: 0 12px 20px rgba(255, 64, 177, .16);
}

/* Knowledge hub */
.knowledge-hero {
    position: relative;
    background: #2997C7 url(../img/bg-blue-paper.webp) center top / cover no-repeat;
    color: #fff;
}

.knowledge-hero:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    height: 42.45vw;
    background: 50% 100% / 100% auto no-repeat url(../img/blog/apla-top.webp);
    transform: translateX(-50%) translateY(56%) scaleY(-1);
    pointer-events: none;
    z-index: 1;
}

.knowledge-hero .container {
    position: relative;
    z-index: 2;
}

.knowledge-hero__inner {
    padding: 110px 0 0;
}

.knowledge-hero__eyebrow {
    display: block;
    margin-bottom: 18px;
    font-family: var(--font-cond);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.knowledge-hero__title {
    max-width: 940px;
    margin: 0 auto 34px;
    font-family: var(--font-sans);
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.knowledge-hero__subtitle, .knowledge-index__title {
    margin: 0 0 42px;
    font-family: var(--font-sans);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.knowledge-guides {
    position: relative;
}

.knowledge-guides__track {
    padding: 0 22px;
}

.knowledge-guide-card {
    width: 540px;
    min-height: 400px;
    margin-right: 26px;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0,0,0,.14);
}

.knowledge-guide-card__image {
    padding-top: 55.6%;
}

.knowledge-guide-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.knowledge-guide-card__body {
    min-height: 100px;
    padding: 14px 14px 16px;
}

.knowledge-guide-card__main {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.knowledge-guide-card__copy {
    flex: 1 1 auto;
    max-width: 400px;
}

.knowledge-guide-card__title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #111;
}

.knowledge-guide-card__title a {
    color: inherit;
}

.knowledge-guide-card__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
}

.knowledge-guide-card__label {
    flex: 0 0 auto;
    padding-top: 6px;
    font-family: var(--font-roboto);
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.5;
    text-transform: uppercase;
    color: #111;
}

.knowledge-guide-card__excerpt {
    margin: 0 0 14px;
    font-family: "Montserrat", var(--font-sans);
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #111;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.knowledge-guide-card__cta {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    justify-content: flex-end;
    align-self: stretch;
}

.knowledge-guide-card__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 45px;
    width: 100px;
    padding: 8px 12px 8px 16px;
    border: 2px solid #FF40B1;
    border-radius: 999px;
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #FF40B1;
    background: #fff;
    box-shadow: 0 8px 6px 0 rgba(255, 67, 178, .2);
}

.knowledge-guide-card__link:after {
    content: '';
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    background: center / contain no-repeat url(../img/arrow-more.svg);
}

.knowledge-guides__nav {
    display: flex;
    justify-content: flex-end;
    gap: 34px;
    margin-top: 26px;
    padding-right: 34px;
}

.knowledge-guides__arrow {
    width: 65px;
    height: 65px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}

.knowledge-guides__arrow:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.knowledge-guides__arrow--prev:before {
    background-image: url(../img/slider-prev.svg);
}

.knowledge-guides__arrow--next:before {
    background-image: url(../img/slider-next.svg);
}

.knowledge-index {
    position: relative;
    padding: 220px 0 420px;
    overflow: visible;
}

.knowledge-index:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: 50% / 100% no-repeat url(../img/bg-blue-bubble-paper.webp);
    width: 100%;
    height: 46vw;
    z-index: 1;
    transform: translate(0,18vw);
    pointer-events: none;
}

.knowledge-index__apla {
    display: none;
}

.knowledge-index__bacteria {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.knowledge-index__bacteria .bacteria:nth-child(1) {
    left: -40px;
    top: 360px;
}

.knowledge-index__bacteria .bacteria:nth-child(2) {
    right: -40px;
    top: 620px;
    left: auto;
}

.knowledge-index__bacteria .bacteria:nth-child(3) {
    left: 26%;
    bottom: 230px;
}

.knowledge-index__heading, .knowledge-topics, .knowledge-articles, .knowledge-index__more, .knowledge-index__empty {
    position: relative;
    z-index: 4;
}

.knowledge-topics {
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.knowledge-topic {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 202px;
    min-height: 140px;
    padding: 12px;
    border-radius: 19px;
    color: #111;
}

.knowledge-topic__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    background-color: #111;
    -webkit-mask-image: var(--topic-icon);
    mask-image: var(--topic-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.knowledge-topic__label {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.knowledge-topic:hover, .knowledge-topic.is-active {
    color: #FF40B1;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFCFF0 100%);
}

.knowledge-topic:hover .knowledge-topic__icon, .knowledge-topic.is-active .knowledge-topic__icon {
    background-color: #FF40B1;
}

.knowledge-articles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.knowledge-article-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(0,0,0,.12);
}

.knowledge-article-card__image {
    padding-top: 72%;
}

.knowledge-article-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.knowledge-article-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px 18px 20px;
}

.knowledge-article-card__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.knowledge-article-card__category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #FF40B1;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
}

.knowledge-article-card__time {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #111;
}

.knowledge-article-card__title {
    margin: 0 0 12px;
    font-family: var(--font-cond);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}

.knowledge-article-card__title a {
    color: #111;
}

.knowledge-article-card__excerpt {
    margin: 0 0 18px;
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.knowledge-article-card__link, .knowledge-index__more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    padding: 8px 22px;
    border: 3px solid #FF40B1;
    border-radius: 999px;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #FF40B1;
    background: #fff;
    box-shadow: 0 8px 6px 0 rgba(255, 67, 178, .2);
}

.knowledge-article-card__link:hover, .knowledge-index__more-link:hover {
    background: #FF40B1;
    color: #fff;
}

.knowledge-article-card__link {
    margin-top: auto;
    align-self: flex-start;
}

.knowledge-index__more {
    margin-top: 46px;
    text-align: center;
}

.knowledge-index__empty {
    font-family: var(--font-sans);
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 1200px) {
    html, body {
        font-size:16px;
    }

    .guide-axis-cycle__center {
        font-size: calc(24vw / 12);
    }

    .home .start-text .formula {
        width: 260px;
        margin-bottom: 8px;
    }

    .home .start-text h1, .home .start-text .h1 {
        font-size: 40px;
    }

    .container {
        padding: 0 20px;
    }

    .article-single__hero {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .home .product-img img {
        width: 100%;
        height: auto;
        max-width: 240px;
        max-height: 240px;
    }

    .product-box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .products-info {
        -ms-flex-preferred-size: 50%;
        flex-basis: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .home .start {
        height: 66vw;
    }

    .home .packshot {
        max-width: 360px;
    }

    .products-info .badge:nth-child(1) {
        top: 30px;
    }

    .products-info .badge:nth-child(2) {
        top: 200px;
    }

    .p-produkty .products-info .badge:nth-child(1) {
        top: 20px;
        right: 10px;
    }

    .p-produkty .products-info .badge:nth-child(4) {
        left: 20px;
        top: 160px;
        bottom: initial;
    }

    .p-produkty .products-info .badge:nth-child(2) {
        top: 200px;
    }

    .p-produkty .products-info .badge:nth-child(3) {
        top: 240px;
    }

    .side-nav {
        width: 300px;
        padding: 20px;
    }

    .block .box.p-absolute {
        transform: translate(-30px,-80%);
    }

    .article-single__hero-grid, .article-single__content-grid {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.65fr);
        gap: 24px;
    }

    .article-single__title {
        font-size: 42px;
    }

    .article-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .knowledge-guide-card {
        width: 460px;
    }

    .knowledge-guide-card__title {
        font-size: 28px;
    }

    .knowledge-articles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .knowledge-hero__inner {
        padding: 90px 0 0;
    }

    .knowledge-hero__title {
        font-size: 52px;
    }

    .knowledge-guides__track {
        padding: 0 10px;
    }

    .guide-axis-graphic__cta {
        font-size: 20px;
    }

    .knowledge-index {
        padding: 200px 0 180px;
    }

    .wf-hero {
        min-height: 860px;
    }

    .wf-hero__inner {
        min-height: 1080px;
        padding: 250px 0;
    }

    .wf-hero__brand {
        gap: 20px;
    }

    .wf-hero__logo {
        max-width: 340px;
        top: -14px;
    }

    .wf-hero__title {
        font-size: 48px;
    }

    .wf-story__heading {
        font-size: 46px;
    }

    .wf-products .product-box {
        width: 50%;
    }
}

@media (min-width: 1001px) and (max-width:1440px) {
    .guide-axis-graphic__label {
        font-size:calc(20vw / 14.4);
    }

    .guide-axis-graphic__label--top {
        width: min(220px, 28.3%);
    }

    .guide-axis-graphic__note {
        font-size: calc(11.66vw / 14.4);
        padding: clamp(8px, 0.76vw, 11px) clamp(11px, 1.11vw, 16px);
    }

    .guide-axis-cycle__chip {
        font-size: calc(20vw / 14.4);
        padding: clamp(10px, 0.83vw, 12px) clamp(13px, 1.11vw, 16px);
    }

    .guide-axis-cycle__chip--top {
        width: min(160px, 18.9%);
    }

    .guide-axis-cycle__chip--left {
        width: min(200px, 23.7%);
    }

    .guide-axis-cycle__chip--right {
        width: min(230px, 27.2%);
    }

    .guide-axis-cycle__chip--bottom {
        width: min(460px, 54.3%);
    }
}

@media (max-width: 1000px) {
    .reviews {
        padding-top:120px;
    }

    .bacteria-box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .reviews .row {
        justify-content: center;
    }

    .reviews .review {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        max-width: 500px;
        margin-bottom: 20px;
    }

    .ingredients .icon-text img {
        max-width: 140px;
    }

    .icons .figure-outer {
        max-width: 100px;
        max-height: 100px;
    }

    .page-main {
        padding: 20px 50px 120px;
    }

    .side-nav li {
        margin-bottom: 4px;
    }

    .article-single__hero {
        padding-top: 48px;
        padding-bottom: 120px;
    }

    .guide-hero, .guide-hero__inner {
        min-height: 680px;
    }

    .guide-hero__inner {
        padding: 84px 0 90px;
    }

    .guide-hero__copy {
        width: min(100%, 390px);
    }

    .guide-hero__title {
        font-size: 52px;
    }

    .guide-hero__description {
        font-size: 22px;
    }

    .guide-immunity-section-heading h2, .guide-immunity-overview__copy h2, .guide-immunity-probiotics__copy h2, .guide-immunity-summary__grid h2 {
        font-size: 40px;
    }

    .guide-immunity-section-heading p, .guide-immunity-overview__copy p {
        font-size: 26px;
    }

    .guide-immunity-overview__grid, .guide-immunity-probiotics__grid, .guide-immunity-summary__grid {
        grid-template-columns: 1fr;
    }

    .guide-immunity-defense {
        min-height: 0;
    }

    .guide-immunity-defense__halves {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .guide-immunity-defense__half {
        position: static;
        width: auto;
    }

    .guide-immunity-defense__diagram {
        width: min(100%, 720px);
        height: 520px;
        margin-top: 34px;
    }

    .guide-immunity-defense__diagram-circle {
        width: 390px;
        height: 390px;
    }

    .guide-immunity-defense__diagram-circle--left {
        left: 70px;
    }

    .guide-immunity-defense__diagram-circle--right {
        right: 0;
    }

    .guide-immunity-defense__diagram-dots--left {
        top: 162px;
        left: 142px;
    }

    .guide-immunity-defense__diagram-dots--right {
        top: 140px;
        right: 272px;
    }

    .guide-immunity-defense__figure {
        top: 122px;
        right: 70px;
        transform: scale(.88);
        transform-origin: top right;
    }

    .guide-immunity-overview__note {
        grid-template-columns: 74px 1fr;
    }

    .guide-immunity-overview__note strong {
        grid-column: 2;
    }

    .guide-immunity-overview__note span {
        grid-column: 1 / -1;
    }

    .guide-immunity-nutrients__highlights, .guide-immunity-nutrients__sources {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .guide-immunity-support__scene {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .guide-immunity-support__column, .guide-immunity-support__column--left, .guide-immunity-support__column--right {
        align-items: center;
    }

    .guide-immunity-support__visual {
        order: -1;
    }

    .guide-immunity-probiotics__effects-list {
        grid-template-columns: 1fr 1fr;
    }

    .guide-probiotic-section-heading h2 {
        font-size: 40px;
    }

    .guide-probiotic-section-heading p {
        font-size: 26px;
    }

    .guide-probiotic-composition {
        padding-bottom: 16vw;
    }

    .guide-probiotic-composition__layout, .guide-probiotic-selection__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .guide-probiotic-composition__layout {
        max-width: 760px;
    }

    .guide-probiotic-strains {
        gap: 18px;
    }

    .guide-probiotic-strains--left, .guide-probiotic-strains--right {
        order: 2;
    }

    .guide-probiotic-composition__center {
        order: 1;
    }

    .guide-probiotic-strain--left, .guide-probiotic-strain--right {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 16px;
    }

    .guide-probiotic-strain--left .guide-probiotic-strain__text, .guide-probiotic-strain--right .guide-probiotic-strain__text {
        order: 2;
    }

    .guide-probiotic-strain__shape {
        width: calc(var(--shape-width, 181px) * 0.55);
        height: calc(var(--shape-height, 195px) * 0.55);
    }

    .guide-probiotic-composition__metric {
        max-width: 474px;
    }

    .guide-probiotic-selection {
        padding: 18vw 0;
    }

    .guide-probiotic-selection__intro {
        max-width: 500px;
    }

    .guide-probiotic-selection__intro h2, .guide-probiotic-selection__intro p {
        text-align: left;
    }

    .guide-probiotic-selection__intro h2 {
        font-size: 40px;
    }

    .guide-probiotic-selection__intro p {
        font-size: 24px;
    }

    .guide-probiotic-selection__cards {
        justify-content: flex-start;
    }

    .guide-probiotic-synergy {
        padding: 16vw 0 24vw;
    }

    .guide-probiotic-synergy__cards {
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }

    .guide-probiotic-storage {
        padding: 7vw 0 18vw;
    }

    .guide-probiotic-storage__grid {
        grid-template-columns: 1fr;
        gap: 48px;
        justify-items: center;
    }

    .guide-probiotic-storage__intro {
        max-width: 620px;
    }

    .guide-probiotic-storage__cards {
        width: 100%;
        max-width: 708px;
    }

    .guide-hero + section, .guide-hero + div > section:first-child {
        margin-top: -10vw;
        padding-top: calc(10vw + 48px);
    }

    .guide-axis--overview, .guide-axis--stress {
        padding-top: 150px;
        padding-bottom: 140px;
    }

    .guide-axis__overview-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .guide-axis__overview-grid, .guide-axis__stress-grid, .guide-axis-serotonin__grid {
        gap: 36px;
    }

    .guide-axis__copy {
        max-width: none;
        margin-top: 0;
    }

    .guide-axis__heading, .guide-axis-serotonin__heading {
        font-size: 40px;
    }

    .guide-axis__text {
        font-size: 18px;
    }

    .guide-axis-graphic__label {
        font-size: 15px;
    }

    .guide-axis-graphic__cta {
        width: min(420px, 60%);
    }

    .guide-axis-serotonin {
        padding: 88px 0 92px;
    }

    .guide-axis-serotonin__main, .guide-axis-serotonin__side {
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }

    .guide-axis-serotonin__main {
        margin-top: 0;
        text-align: center;
    }

    .guide-axis-serotonin__heading, .guide-axis-serotonin__metric-text {
        margin-left: auto;
        margin-right: auto;
    }

    .guide-axis-serotonin__metric {
        justify-content: center;
    }

    .guide-axis-serotonin__value {
        font-size: 108px;
    }

    .guide-axis-serotonin__metric-text {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .guide-axis-serotonin__lead, .guide-axis-serotonin__effect span {
        font-size: 18px;
    }

    .guide-axis-cycle__center {
        font-size: calc(20vw / 10);
    }

    .guide-axis-cycle__chip {
        padding: 10px;
        font-size: 9px;
    }

    .guide-axis-support__scene {
        grid-template-columns: minmax(180px, 1fr) minmax(0, 460px) minmax(180px, 1fr);
        gap: 22px;
    }

    .guide-axis-support__heading, .guide-axis-insights__heading {
        font-size: 40px;
    }

    .guide-axis-support__subheading {
        font-size: 28px;
    }

    .guide-axis-support__column {
        min-height: 460px;
        padding-top: 24px;
    }

    .guide-axis-support-card-wrap {
        width: 280px;
        max-width: 280px;
    }

    .guide-axis-support-card-wrap__shape {
        top: 146px;
        left: -118px;
        width: 170px;
    }

    .guide-axis-support-card__number {
        font-size: 68px;
    }

    .guide-axis-support-card {
        width: 280px;
        max-width: 280px;
        padding-top: 8px;
    }

    .guide-axis-support-card__title {
        font-size: 28px;
    }

    .guide-axis-support-card__list {
        font-size: 15px;
    }

    .guide-axis-support-visual {
        width: min(100%, 460px);
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .guide-axis-support__summary {
        font-size: 28px;
    }

    .guide-axis-insights {
        width: min(100%, 980px);
        grid-template-columns: max-content minmax(0, 1fr);
    }

    .guide-axis-insights__item {
        font-size: 22px;
    }

    .guide-axis-support__decor--top {
        right: 20px;
    }

    .guide-axis-support__decor--left {
        bottom: 260px;
    }

    .article-single__hero-grid, .article-single__content-grid {
        grid-template-columns: 1fr;
    }

    .article-single__hero-copy, .article-single__sidebar {
        padding-right: 0;
    }

    .article-single__sidebar {
        position: relative;
        top: auto;
        height: auto;
    }

    .article-single__title {
        max-width: none;
    }

    .article-related {
        margin-top: 20px;
        padding: 60px 0 100px;
    }

    .knowledge-articles {
        grid-template-columns: 1fr;
    }

    .wf-feature {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .wf-story__top, .wf-story__bottom {
        row-gap: 40px;
    }

    .wf-story__author {
        margin-left: 0;
    }
}

@media (max-width: 800px) {
    .knowledge-index__bacteria {
        display:none;
    }

    .knowledge-hero__inner {
        padding: 70px 0 0;
    }

    .knowledge-hero__eyebrow {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .knowledge-hero__title {
        font-size: 34px;
    }

    .knowledge-hero__subtitle, .knowledge-index__title {
        font-size: 32px;
        margin-bottom: 28px;
    }

    .knowledge-guide-card {
        width: 84vw;
        min-height: 360px;
        margin-right: 16px;
    }

    .knowledge-guide-card__main {
        flex-direction: column;
        align-items: flex-start;
    }

    .knowledge-guide-card__copy {
        max-width: none;
    }

    .knowledge-guide-card__cta {
        align-self: flex-end;
    }

    .knowledge-guide-card__title {
        font-size: 24px;
    }

    .knowledge-guide-card__label {
        font-size: 14px;
    }

    .knowledge-guide-card__link {
        min-height: 45px;
        width: 104px;
        padding: 8px 16px;
        font-size: 16px;
    }

    .knowledge-guides__nav {
        justify-content: center;
        padding-right: 0;
    }

    .knowledge-index {
        /* margin-top:-90px; */
        padding: 130px 0 140px;
    }

    .knowledge-topics {
        gap: 12px;
        margin-bottom: 40px;
    }

    .knowledge-topic {
        width: calc(50% - 6px);
        min-height: 108px;
    }

    .knowledge-article-card__excerpt {
        font-size: 18px;
    }

    .article-single__bacteria, .article-related__bacteria {
        display: none;
    }

    .article-single {
        padding-bottom: 100px;
    }

    .guide-hero, .guide-hero__inner {
        min-height: 560px;
    }

    .guide-hero__inner {
        align-items: flex-start;
        padding: 70px 0 70px;
    }

    .guide-hero__copy {
        width: min(100%, 290px);
    }

    .guide-hero__back-link {
        font-size: 16px;
    }

    .guide-hero__title {
        margin-top: 14px;
        font-size: 40px;
    }

    .guide-hero__description {
        margin-top: 14px;
        font-size: 18px;
        line-height: 1.35;
    }

    .guide-immunity-section-heading h2, .guide-immunity-overview__copy h2, .guide-immunity-probiotics__copy h2, .guide-immunity-summary__grid h2 {
        font-size: 32px;
    }

    .guide-immunity-section-heading p, .guide-immunity-overview__copy p {
        font-size: 22px;
    }

    .guide-immunity-overview {
        padding-bottom: 64px;
    }

    .guide-immunity-overview__grid {
        gap: 24px;
    }

    .guide-immunity-defense__halves {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .guide-immunity-defense__kicker {
        font-size: 24px;
    }

    .guide-immunity-defense__list {
        gap: 18px;
        margin-top: 20px;
    }

    .guide-immunity-defense__list li {
        font-size: 18px;
    }

    .guide-immunity-defense__diagram {
        height: 320px;
        margin-top: 20px;
    }

    .guide-immunity-defense__diagram-circle {
        top: 20px;
        width: 220px;
        height: 220px;
        border-width: 3px;
    }

    .guide-immunity-defense__diagram-circle--left {
        left: 8px;
    }

    .guide-immunity-defense__diagram-circle--right {
        right: 8px;
    }

    .guide-immunity-defense__diagram-dots {
        gap: 34px;
    }

    .guide-immunity-defense__diagram-dots span {
        width: 12px;
        height: 12px;
    }

    .guide-immunity-defense__diagram-dots--left {
        top: 108px;
        left: 82px;
    }

    .guide-immunity-defense__diagram-dots--right {
        top: 92px;
        right: 156px;
    }

    .guide-immunity-defense__figure {
        top: 76px;
        right: 44px;
        transform: scale(.46);
        transform-origin: top right;
    }

    .guide-immunity-defense__badge {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        margin: 12px auto 0;
        font-size: 16px;
        padding: 14px 16px;
    }

    .guide-immunity-overview__note {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 12px;
        padding: 18px 18px 20px;
        text-align: center;
    }

    .guide-immunity-overview__note img {
        width: 60px;
        height: 60px;
    }

    .guide-immunity-overview__note strong, .guide-immunity-overview__note span {
        grid-column: auto;
    }

    .guide-immunity-nutrients {
        padding: 20vw 0;
    }

    .guide-immunity-nutrients__highlights, .guide-immunity-nutrients__sources {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .guide-immunity-nutrients__highlight img {
        height: 96px;
    }

    .guide-immunity-nutrients__highlight h3, .guide-immunity-nutrients__additional, .guide-immunity-nutrients__sources-heading {
        font-size: 20px;
    }

    .guide-immunity-nutrients__highlight p, .guide-immunity-nutrients__source span {
        font-size: 16px;
    }

    .guide-immunity-support {
        padding: 18vw 0 56px;
    }

    .guide-immunity-support__scene {
        margin-top: 32px;
        gap: 22px;
    }

    .guide-immunity-support__visual {
        width: min(100%, 320px);
        height: auto;
        aspect-ratio: 1;
    }

    .guide-immunity-support-card, .guide-immunity-support-card--featured {
        width: 100%;
        max-width: 320px;
    }

    .guide-immunity-support-card__number {
        font-size: 58px;
    }

    .guide-immunity-support-card h3 {
        font-size: 26px;
    }

    .guide-immunity-support__decor {
        display: none;
    }

    .guide-immunity-probiotics {
        padding: 18px 0 56px;
    }

    .guide-immunity-probiotics__copy p {
        font-size: 18px;
        margin-top: 18px;
    }

    .guide-immunity-probiotics__effects h3 {
        font-size: 28px;
    }

    .guide-immunity-probiotics__effects-list {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 22px;
    }

    .guide-immunity-probiotics__effect p, .guide-immunity-probiotics__note span {
        font-size: 16px;
    }

    .guide-immunity-probiotics__note {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        gap: 12px;
        padding: 18px;
    }

    .guide-immunity-probiotics__note img {
        width: 60px;
        height: 60px;
    }

    .guide-immunity-summary {
        padding-top: 0;
    }

    .guide-immunity-summary__items {
        gap: 12px;
    }

    .guide-immunity-summary__item {
        font-size: 18px;
        padding: 14px 18px;
    }

    .guide-probiotic-section-heading h2 {
        font-size: 32px;
    }

    .guide-probiotic-section-heading p {
        font-size: 22px;
    }

    .guide-probiotic-composition {
        padding-top: 28px;
    }

    .guide-probiotic-composition__layout {
        margin-top: 34px;
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .guide-probiotic-composition__metric {
        min-height: 0;
        padding: 18px 18px 20px;
        border-radius: 22px;
    }

    .guide-probiotic-composition__metric-value {
        font-size: 58px;
    }

    .guide-probiotic-composition__metric-copy {
        font-size: 16px;
    }

    .guide-probiotic-composition__product {
        max-width: 330px;
    }

    .guide-probiotic-composition__icons {
        margin-top: -14px;
        gap: 6px;
    }

    .guide-probiotic-composition__icon {
        width: 54px;
        height: 54px;
    }

    .guide-probiotic-composition__badge {
        font-size: 16px;
        padding: 12px 16px;
    }

    .guide-probiotic-strain__text h3 {
        font-size: 20px;
    }

    .guide-probiotic-strain__text p {
        font-size: 14px;
    }

    .guide-probiotic-selection__intro h2 {
        font-size: 34px;
    }

    .guide-probiotic-selection__intro p {
        margin-top: 16px;
        font-size: 24px;
    }

    .guide-probiotic-selection__cards {
        gap: 14px;
    }

    .guide-probiotic-selection__card {
        min-height: 0;
        padding: 20px 16px;
    }

    .guide-probiotic-selection__number {
        font-size: 58px;
    }

    .guide-probiotic-selection__card p, .guide-probiotic-synergy__label {
        font-size: 18px;
    }

    .guide-probiotic-synergy__cards {
        gap: 24px;
    }

    .guide-probiotic-synergy__media {
        width: 172px;
        height: 172px;
    }

    .guide-probiotic-storage__intro h2 {
        font-size: 34px;
    }

    .guide-probiotic-storage__copy {
        font-size: 18px;
    }

    .guide-probiotic-storage__cards {
        min-height: 0;
        max-width: 100%;
        padding-top: 28px;
    }

    .guide-probiotic-storage__critical {
        width: 100%;
        min-height: 0;
        padding: 68px 24px 32px;
    }

    .guide-probiotic-storage__alert {
        width: 88px;
        height: 88px;
        font-size: 60px;
    }

    .guide-probiotic-storage__critical-kicker {
        font-size: 18px;
    }

    .guide-probiotic-storage__critical h3 {
        font-size: 28px;
    }

    .guide-probiotic-storage__avoid {
        margin-top: 40px;
        padding-left: 0;
    }

    .guide-probiotic-storage__avoid h4 {
        font-size: 22px;
    }

    .guide-probiotic-storage__avoid-list li {
        gap: 14px;
        font-size: 18px;
    }

    .guide-probiotic-storage__temperature {
        position: relative;
        top: auto;
        left: auto;
        width: min(100%, 310px);
        min-height: 0;
        margin: -56px auto 0;
        padding: 28px 22px 24px;
    }

    .guide-probiotic-storage__temperature-kicker {
        font-size: 22px;
    }

    .guide-probiotic-storage__temperature-icon {
        width: 62px;
        height: 62px;
        margin-top: 18px;
    }

    .guide-probiotic-storage__temperature-value {
        font-size: 64px;
    }

    .guide-probiotic-storage__temperature-primary, .guide-probiotic-storage__temperature-secondary {
        font-size: 18px;
    }

    .guide-placeholder {
        padding: 42px 0 72px;
    }

    .guide-hero + section, .guide-hero + div > section:first-child {
        margin-top: -18vw;
        padding-top: calc(14vw + 32px);
    }

    .guide-axis--overview, .guide-axis--stress {
        padding: 56px 0 110px;
    }

    .guide-axis__overview-grid, .guide-axis__stress-grid, .guide-axis-serotonin__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .guide-axis__copy, .guide-axis__copy--stress {
        max-width: none;
    }

    .guide-axis__heading, .guide-axis-serotonin__heading {
        font-size: 32px;
    }

    .guide-axis__text {
        font-size: 18px;
    }

    .guide-axis__decor--right {
        display: none;
    }

    .guide-axis-graphic--signals {
        display: grid;
        gap: 14px;
        padding: 0;
    }

    .guide-axis-graphic__stage {
        max-width: 847px;
        margin-top: 30px;
        margin-bottom: 70px;
    }

    .guide-axis-graphic__note, .guide-axis-graphic__cta {
        position: static;
        width: auto;
        max-width: none;
        transform: none;
        margin: 0;
    }

    .guide-axis-graphic__label {
        font-size: 3.8vw;
        width: min(320px, 50%);
        max-width: 320px;
        text-align: center;
    }

    .guide-axis-graphic__label--top {
        top: calc(-6vw + 6px);
    }

    .guide-axis-graphic__label--bottom {
        bottom: calc(6vw + 10px);
    }

    .guide-axis-graphic__note {
        position: relative;
        display: block;
        margin: 0 auto;
        max-width: 220px;
        top: 30px;
    }

    .guide-axis-graphic__cta {
        width: min(100%, 300px);
        padding: 14px 18px;
        font-size: 18px;
        justify-self: center;
        text-align: center;
    }

    .guide-axis-serotonin {
        padding: 72px 0 76px;
    }

    .guide-axis-serotonin:before, .guide-axis-serotonin:after {
        height: 96px;
    }

    .guide-axis-serotonin__heading {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .guide-axis-serotonin__metric {
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }

    .guide-axis-serotonin__value {
        font-size: 84px;
    }

    .guide-axis-serotonin__metric-text {
        max-width: 320px;
        margin: 0;
        font-size: 24px;
        text-align: center;
    }

    .guide-axis-serotonin__side {
        max-width: 420px;
        margin: 0 auto;
    }

    .guide-axis-serotonin__lead {
        font-size: 18px;
    }

    .guide-axis-serotonin__effects {
        gap: 8px;
    }

    .guide-axis-serotonin__effect {
        max-width: 120px;
    }

    .guide-axis-serotonin__effect span {
        font-size: 18px;
    }

    .guide-axis-cycle__panel {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .guide-axis-cycle__chip {
        border-radius: 2.2vw;
        padding: 5px 4px;
    }

    .guide-axis-cycle__chip--bottom {
        bottom: 0;
    }

    .guide-axis-cycle__chip--right {
        width: min(230px, 33%);
        right: 3.3%;
    }

    .guide-axis-cycle__center {
        width: min(100%, 320px);
        font-size: calc(22vw / 8);
        transform: translate(-50%,0);
        top: calc(46vw - 18px);
    }

    .guide-axis-support__heading, .guide-axis-insights__heading, .guide-axis-bibliography__heading {
        font-size: 32px;
    }

    .guide-axis-support__subheading {
        font-size: 24px;
    }

    .guide-axis-support__scene {
        grid-template-columns: 1fr;
        margin-top: 36px;
        gap: 24px;
    }

    .guide-axis-support__column {
        align-items: stretch;
        justify-content: flex-start;
        min-height: 0;
        gap: 14px;
        padding-top: 0;
    }

    .guide-axis-support__column--left {
        order: 1;
    }

    .guide-axis-support__column--right {
        order: 3;
    }

    .guide-axis-support-card-wrap {
        width: 100%;
        max-width: none;
    }

    .guide-axis-support-card-wrap__shape {
        display: none;
    }

    .guide-axis-support-card {
        width: 100%;
        max-width: none;
        min-height: auto;
        padding: 14px 20px 18px;
        border-radius: 22px;
        background: #F365B4 url(../img/bg-pink-badge.webp) center / cover no-repeat;
        box-shadow: 0 12px 26px 0 rgba(0,0,0,.2);
    }

    .guide-axis-support-card__number, .guide-axis-support-card__title, .guide-axis-support-card__list, .guide-axis-support-card__list li {
        color: #fff;
    }

    .guide-axis-support-card__number {
        font-size: 56px;
    }

    .guide-axis-support-card__title {
        margin-bottom: 12px;
        font-size: 26px;
    }

    .guide-axis-support-card__list {
        font-size: 18px;
    }

    .guide-axis-support-visual {
        order: 2;
        width: min(100%, 320px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 auto;
    }

    .guide-axis-support__summary {
        margin-top: 48px;
        font-size: 24px;
    }

    .guide-axis-insights {
        grid-template-columns: 1fr;
        margin-top: 48px;
        gap: 24px;
        width: 100%;
    }

    .guide-axis-insights__list {
        margin-top: 24px;
        gap: 12px;
        justify-items: end;
    }

    .guide-axis-insights__item {
        width: 100%;
        padding: 14px 18px;
        font-size: 20px;
    }

    .guide-axis-support__disclaimer {
        margin-top: 28px;
        font-size: 18px;
    }

    .guide-axis-bibliography {
        margin-top: 48px;
    }

    .guide-axis-bibliography__list {
        padding-left: 18px;
        font-size: 16px;
    }

    .guide-axis-support__decor {
        display: none;
    }

    .article-single__hero {
        padding-bottom: 80px;
    }

    .article-single__title {
        font-size: 34px;
    }

    .article-single__meta {
        gap: 10px;
    }

    .article-toc__title {
        padding: 8px 20px;
        font-size: 22px;
        border-radius: 16px;
    }

    .article-toc__list {
        padding: 18px 14px;
        margin-top: -30px;
        padding-top: 40px;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .article-single__body h2 {
        font-size: 32px;
    }

    .article-single__body h3 {
        font-size: 26px;
    }

    .article-related__head {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 28px;
    }

    .article-related__grid {
        grid-template-columns: 1fr;
    }

    .wf-bubble__wave, .wf-panel__wave {
        left: 0;
        width: 100%;
        transform: none;
    }

    .wf-hero .wf-bubble {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .bg-orange-paper, .bg-blue-paper, .bg-green-paper, .bg-sea-paper, .bg-purple-paper, .bg-pink-paper, .bg-white-paper {
        background-repeat: repeat;
        background-size: contain;
    }

    html {
        overflow-x: hidden;
    }

    .desktop {
        display: none;
    }

    .home .start {
        height: auto;
        max-height: none;
        padding: 30px 0;
    }

    .home .start .mobile {
        display: block;
    }

    .home .start .bg-blue-paper {
        height: 108vw;
        width: 100%;
        position: absolute;
        top: 0;
        z-index: -2;
    }

    .home .start-bg {
        transform: scale(1,-1);
        height: 60vw;
        width: 120vw;
        top: 106vw;
    }

    .home .start .row {
        flex-direction: column;
        height: auto;
    }

    .home .start .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .home .start .col:nth-child(1) {
        padding-top: 20px;
    }

    .home .start .col:nth-child(2) {
        padding-top: 33vw;
    }

    .home .packshot {
        max-width: 100%;
        margin: 0;
    }

    .home .reviews .row {
        flex-direction: column;
        align-items: center;
    }

    .home .reviews .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 400px;
    }

    .bacteria img {
        max-width: 140px;
    }

    .home .reviews .bacteria:nth-child(1) {
        bottom: 50px;
        left: 0px;
    }

    .home .reviews .bacteria:nth-child(2) {
        bottom: 20px;
    }

    .home .reviews .bacteria:nth-child(3) {
        bottom: 80px;
    }

    footer .section-bg {
        height: calc(100% - 35px);
    }

    .fs-64 {
        font-size: 36px;
    }

    .logo-short {
        max-width: 240px;
        margin-bottom: 7px;
    }

    .product-start .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .page-product .product-img {
        max-height: none;
        height: 75vw;
        max-width: 300px;
        margin: 0 auto;
    }

    .section-2 {
        padding-top: 60px;
    }

    .spec-section__title {
        max-width: 170px;
    }

    .section-desc {
        padding-left: 33%;
    }

    .page-product .reviews-carousel {
        width: 100%;
        max-width: 500px;
    }

    .contact-section .row {
        flex-direction: column;
        align-items: center;
    }

    .contact-section .row .col:nth-child(1) {
        margin-bottom: 30px;
    }

    .contact-section .row .col {
        max-width: 500px;
    }

    .contact-details {
        padding: 50px 0 40px;
    }

    .contact-details .row {
        flex-direction: column;
    }

    .contact-details .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 50px;
    }

    .products-carousel {
        padding-top: 120px;
        padding-bottom: 140px;
    }

    footer .section-bg {
        height: 85%;
    }

    .page-cols {
        flex-direction: column;
    }

    .side-nav {
        width: 100%;
        height: auto;
        position: relative;
    }

    .page-cols .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .p-polityka footer .section-bg {
        height: calc(100% - 130px);
    }

    .contact-details:after {
        bottom: 60px;
    }

    .product-start .row {
        /* flex-direction:column-reverse; */
    }

    .faq {
        padding: 70px 0 40px;
    }

    .contact {
        padding: 0 0 80px;
    }

    .single-produkty .block {
        flex-direction: column;
    }

    .single-produkty .block > .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

    .single-produkty .block > .col:nth-child(1) {
        margin-bottom: 20px;
    }

    .block .box.p-absolute {
        position: relative;
        margin-bottom: -100px;
        max-width: 300px;
    }

    .wf-bubble {
        border-radius: 44px;
    }

    .wf-hero {
        padding-top: 0;
        min-height: 720px;
    }

    .wf-hero .wf-bubble {
        border-radius: 0;
    }

    .wf-hero__inner {
        min-height: 720px;
        padding: 180px 30px 190px;
    }

    .wf-hero__brand {
        flex-direction: column;
        gap: 12px;
    }

    .wf-hero__logo {
        max-width: 280px;
    }

    .wf-hero__title {
        font-size: 42px;
    }

    .wf-section-heading, .wf-strains__heading, .wf-story__heading {
        font-size: 34px;
    }

    .wf-feature__inner p {
        font-size: 19px;
    }

    .wf-feature {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .wf-strains__intro > .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .wf-strains__heading {
        max-width: none;
    }

    .wf-strains__intro > .col:last-child {
        display: none;
    }

    .wf-strains__grid > .col, .wf-story__top > .col, .wf-story__bottom > .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .wf-strains__grid > .col:nth-child(2) {
        margin-top: 0;
    }

    .wf-strain {
        display: flex;
        flex-direction: column;
        margin-bottom: 42px;
    }

    .wf-strain__title {
        font-size: 38px;
    }

    .wf-strain--abs-right .wf-strain__title, .wf-strain--abs-right .wf-strain__meta {
        padding-right: 0 !important;
    }

    .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__title, .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__meta {
        padding-right: 0 !important;
    }

    .wf-strain__title {
        order: 1;
    }

    .wf-strain__meta {
        order: 2;
    }

    .wf-strain__img--abs, .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: 0 !important;
        display: block;
        order: 3;
        max-width: 180px;
    }

    .wf-strain > .wf-strain__desc {
        order: 4;
    }

    .wf-strain__desc-layout {
        order: 4;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .wf-strain__media {
        order: 1;
        margin: 0 0 12px;
    }

    .wf-strain__desc-layout .wf-strain__desc {
        order: 2;
    }

    .wf-strain__ref {
        order: 5;
    }

    .wf-strain__media .wf-strain__img {
        max-width: 160px !important;
    }

    .wf-strain--desc-left .wf-strain__media img[src*="Lactobacillus%20plantarum"] {
        max-width: 170px !important;
        margin: -30px -30px -60px !important;
    }

    .wf-strain--desc-right .wf-strain__desc-layout {
        gap: 18px;
    }

    .wf-products {
        padding-top: 160px;
        padding-bottom: 140px;
    }

    .wf-products .product-box {
        width: 100%;
        padding: 0 4px;
    }

    .wf-products .js-wf-products-carousel {
        padding: 0 8px;
    }

    .wf-products__title {
        margin-bottom: 50px;
    }

    .wf-products__shape--top-left {
        left: 0;
        top: 124px;
    }

    .wf-products__shape--top-left img {
        width: 204px;
    }

    .wf-products__shape--top-mid {
        left: 18vw;
        top: 88px;
    }

    .wf-products__shape--top-mid img {
        width: 164px;
    }

    .wf-products__shape--top-right {
        right: 0;
        top: 116px;
    }

    .wf-products__shape--top-right img {
        width: 216px;
    }

    .wf-products__shape--mid-left {
        left: -20px;
        top: auto;
        bottom: 180px;
    }

    .wf-products__shape--mid-left img {
        width: 184px;
    }

    .wf-products__shape--mid-right {
        right: -22px;
        top: auto;
        bottom: 188px;
    }

    .wf-products__shape--mid-right img {
        width: 188px;
    }

    .wf-products__shape--bottom-center {
        bottom: 52px;
    }

    .wf-products__shape--bottom-center img {
        width: 196px;
    }

    .wf-strains:after {
        bottom: 12vw;
        height: 20vw;
    }

    .wf-floating--mid-right {
        right: 20px;
        top: 300px;
    }

    .wf-floating--bottom-left {
        top: 430px;
        left: -20px;
        right: auto;
    }

    .wf-story__media {
        margin-top: 10px;
    }

    .wf-story, .wf-story .wf-panel {
        overflow: visible;
    }

    .wf-story__shape--top {
        top: 30px;
        left: 30%;
        right: auto;
        transform: translateX(-50%) rotate(-90deg);
    }

    .wf-story__shape--top img {
        width: 260px;
    }

    .wf-story__shape--bottom {
        display: none;
    }

    .wf-story__shape--author {
        right: 8vw;
        bottom: 20px;
    }

    .wf-story__shape--author img {
        width: 220px;
    }
}

@media (max-width: 600px) {
    .mobile {
        display:block;
    }

    h2 {
        font-size: 28px;
    }

    #menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transition: 0.5s;
    }

    .menu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .menu-left .logo {
        margin-right: 30px;
    }

    #menu > div {
        height: 100%;
    }

    .menu-open #menu {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
        background: rgba(255,255,255,0.97);
    }

    .menu-trigger span:nth-child(1),.menu-trigger span:nth-child(3) {
        transform-origin: 0 0;
    }

    header .btn img {
        max-height: 56px;
    }

    .menu-open .menu-trigger span:nth-child(2) {
        opacity: 0;
    }

    .menu-open .menu-trigger span:nth-child(1) {
        transform: rotate(45deg) translate(0px,-4px);
    }

    .menu-open .menu-trigger span:nth-child(3) {
        transform: rotate(-45deg) translate(-1px,1px);
        width: 100%;
    }

    .menu a {
        font-size: 36px;
    }

    .menu > li {
        margin: 0 0 20px;
    }

    .fs-24 {
        font-size: 20px;
    }

    .fs-56 {
        font-size: 36px;
    }

    .page-title {
        margin: 20px 0;
    }

    .start-section {
        min-height: 260px;
    }

    .bacteria-box {
        min-height: auto;
    }

    .section-bacteria-top {
        flex-direction: column;
    }

    .section-bacteria-top .col, .product-box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .section-bacteria-top .col:nth-child(1) {
        margin-bottom: 20px;
    }

    .products-info .badge:nth-child(1) {
        top: 30px;
        left: initial;
        right: 10px;
    }

    .products-info .badge:nth-child(2) {
        top: 33vw;
        left: 10px;
    }

    h1,.h1,.fs-48 {
        font-size: 40px;
    }

    .section-title img {
        max-width: 180px;
        top: 9px;
        margin-left: 5px;
    }

    .block-text .section-title img {
        margin-left: 6px;
        max-width: 160px;
    }

    .home .products {
        padding: 60px 0;
    }

    .product-box:not(.products-info) .product-box-inner {
        padding: 14px;
    }

    .products .container {
        padding-bottom: 80px;
    }

    .section-formula {
        padding: 60px 0;
    }

    .formula {
        max-width: 240px;
        margin-bottom: 7px;
    }

    .section-formula .row {
        flex-direction: column;
    }

    .section-formula .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .ingredients-title {
        margin-top: 30px;
        font-size: 22px;
    }

    .icon-text {
        margin-bottom: 20px;
    }

    .icon-text img {
        max-width: 160px;
    }

    .faq-columns {
        flex-direction: column;
    }

    .section-bacteria {
        padding-top: 100px;
    }

    .footer-top {
        flex-direction: column;
    }

    .footer-menu {
        position: relative;
        transform: none;
        left: initial;
        margin: 20px 0;
    }

    footer {
        padding: 60px 0;
    }

    .footer-knowledge-intro {
        padding: 0 0 60px;
    }

    .footer-knowledge-intro__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    .footer-knowledge-intro__copy {
        max-width: none;
        text-align: center;
    }

    .footer-knowledge-intro__copy .formula {
        max-width: 220px;
        margin: 0 auto 20px;
    }

    .footer-knowledge-intro__title {
        margin-bottom: 18px;
        font-size: 34px;
    }

    .footer-knowledge-intro__text {
        max-width: none;
        font-size: 18px;
    }

    .footer-knowledge-intro__media img {
        margin: 0 auto;
        border-radius: 16px;
    }

    .footer-bottom .flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .bacteria-box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .breadcrumb {
        padding-top: 50px;
        font-size: 12px;
    }

    .breadcrumb__sep {
        margin: 0 4px;
    }

    .product-desc,.product-desc p,.product-desc li {
        font-size: 18px;
    }

    .block {
        margin: 0 0 20px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .block .col {
        ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }

    .page-product .reviews {
        padding-top: 120px;
    }

    .section-desc {
        padding-left: 0;
        padding-top: 40px;
    }

    .section-product-info {
        padding: 60px 0 20px;
    }

    .spec-section__title {
        max-width: 100%;
    }

    .contact-section {
        padding-bottom: 120px;
    }

    .page-main {
        padding: 20px;
    }

    .p-polityka footer {
        padding-top: 140px;
    }

    .menu-trigger {
        width: 32px;
        height: 21px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        cursor: pointer;
        margin-left: 16px;
        position: relative;
        top: -2px;
        z-index: 101;
        flex-shrink: 0;
    }

    .menu-trigger span {
        width: 100%;
        height: 3px;
        background: black;
        transition: all 0.3s ease-in-out;
    }

    .page-product .section-2:after {
        left: 50%;
        width: 140%;
        transform: translate(-50%,50%) scale(1,-1);
    }

    .wpcf7-acceptance input {
        margin-right: 10px;
    }

    .wpcf7-list-item {
        margin-left: 0;
    }

    .contact-details:after {
        bottom: 20px;
    }

    .icons-carousel {
        padding: 20px 0;
    }

    .products-start {
        padding-bottom: 40px;
    }

    .p-produkty .products {
        padding-top: 80px;
    }

    .products-info .product-box-inner {
        height: auto;
    }

    .products-info img {
        height: auto;
        width: 100%;
    }

    .gallery:not(.icons) {
        margin: -20px 0 !important;
    }

    .block .gallery .white-box {
        padding: 20px 10px;
    }

    .block .box.p-absolute {
        margin-bottom: -120px;
        transform: translate(-20px,-60%);
    }

    .white-box {
        padding: 20px 16px;
    }

    .box {
        padding: 20px 22px;
    }

    .wf-hero__subtitle, .wf-hero__lead {
        font-size: 19px;
    }

    .wf-hero__title {
        font-size: 36px;
    }

    .wf-hero {
        min-height: 620px;
    }

    .wf-hero__inner {
        min-height: 620px;
        padding: 140px 20px 150px;
    }

    .wf-strain__img {
        margin: -30px -10px !important;
    }

    .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right[src*="Bifidobacterium%20infantis"] {
        margin: -50px -40px !important;
        max-width: 170px !important;
    }

    .wf-strain--desc-left .wf-strain__media img[src*="Bifidobacterium%20longum"], .wf-strain--desc-left .wf-strain__media img[src*="Lactobacillus%20paracasei"] {
        margin: -30px -20px -60px !important;
    }

    .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right[src*="Bifidobacterium%20breve"], .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right[src*="Lactobacillus%20delbrueckii"], .wf-strain:nth-child(3).wf-strain--abs-right .wf-strain__img--abs {
        margin: 0 -10px !important;
    }

    .wf-strain__img--abs {
        position: relative;
        top: auto;
        right: auto;
        left: 0 !important;
        order: 3;
        max-width: 150px !important;
    }

    .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right {
        order: 3;
        max-width: 150px !important;
        object-fit: contain;
        left: 0 !important;
        right: auto !important;
    }

    .wf-strains__grid > .col:nth-child(2) .wf-strain--desc-right .wf-strain__img--desc-right[src*="Bifidobacterium%20breve"] {
        max-height: 100px;
    }

    .wf-strain__desc-layout {
        flex-direction: column;
        gap: 12px;
    }

    .wf-strain__media, .wf-strain--desc-right .wf-strain__media {
        justify-content: flex-start;
        margin: 0 0 12px;
    }

    .wf-section-heading {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .wf-feature__inner img {
        width: 88px;
        height: 88px;
    }

    .wf-panel__inner {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .wf-panel__inner--features {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .wf-panel__inner--strains {
        padding-top: 150px;
        padding-bottom: 75px;
    }

    .wf-panel__inner--story {
        padding-top: 160px;
        padding-bottom: 130px;
    }

    .wf-strains__intro {
        margin-bottom: 36px;
        max-width: 76vw;
    }

    .wf-strain__title {
        font-size: 32px;
    }

    .wf-strain__meta {
        font-size: 19px;
        margin: 0 0 10px;
    }

    .wf-products {
        padding-bottom: 140px;
        padding-top: 120px;
    }

    .wf-story__heading {
        font-size: 34px;
    }

    .wf-story, .wf-story .wf-panel {
        overflow: visible;
    }

    .wf-story__author-head h3 {
        font-size: 28px;
    }

    .wf-story__author-body p {
        font-size: 18px;
    }

    .wf-story__author-head span {
        font-size: 16px;
    }

    .wf-story__shape--top img, .wf-story__shape--bottom img {
        width: 150px;
    }

    .wf-story__shape--top {
        top: 20px;
    }

    .wf-story__shape--bottom {
        display: none;
    }

    .wf-story__shape--author {
        right: 16px;
        bottom: -70px;
    }

    .wf-story__shape--author img {
        width: 170px;
    }
}

@media (max-width: 500px) {
    .btns img {
        max-height:58px;
        width: auto;
    }

    .icons-carousel .icon img {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 414px) {
    h1,.h1,.fs-48 {
        font-size: 36px;
    }

    .section-title img {
        margin-left: 3px;
        top: 7px;
    }

    .logo-short {
        max-width: 220px;
        margin-bottom: 4px;
    }

    .product-desc {
        margin-top: 6px;
    }
}