@font-face {
    font-family: 'Poppins';
    src: url("/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/fonts/Poppins-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/fonts/Poppins-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/fonts/Poppins-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/fonts/Poppins-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/fonts/Poppins-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

#ze-products-desc-container {
    width: min(920px, 100%);
    margin: 0 auto;
    font-family: "Poppins", serif;
    color: #555B55;
}

#ze-products-desc-container .ze-products-desc-header {
    margin-block-end: 35px;
    display: grid;
}

@media screen and (min-width: 681px) {
    #ze-products-desc-container .ze-products-desc-header--noBottomMargin {
        margin-block-end: 0;
    }
}

#ze-products-desc-container .ze-products-desc-headerImg.lazy {
    width: 100%;
    height: 100%;
}

#ze-products-desc-container .ze-products-desc-headerPicture {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    z-index: 1;
}

#ze-products-desc-container .ze-products-desc-headerContent {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    z-index: 2;
    display: flex;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-headerContent {
        justify-content: flex-start;
        align-items: flex-start;
    }
}

#ze-products-desc-container .ze-products-desc-headerBody {
    padding: 50px 38px;
    background: #42424275;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-headerBody {
        padding: 18px;
        background: #424242E5;
        border-radius: 28px;
        width: 54%;
        gap: clamp(0.4375rem, -0.5625rem + 5vw, 1.5625rem);
        margin-block-start: 15px;
        margin-inline-end: 8px;
    }
}

#ze-products-desc-container .ze-products-desc-titleText {
    font-size: 24px;
}

@media screen and (max-width: 945px) {
    #ze-products-desc-container .ze-products-desc-titleText {
        font-size: clamp(1.25rem, 0.6051rem + 1.5152vw, 1.5rem);
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-titleText {
        font-size: clamp(1rem, 0.7778rem + 1.1111vw, 1.25rem);
    }
}

#ze-products-desc-container .ze-products-desc-headerTitle,
#ze-products-desc-container .ze-products-desc-headerSubTitle {
    color: #fff;
    line-height: 1.3;
    font-weight: 300;
    margin: 0;
    text-align: left;
}

#ze-products-desc-container .ze-products-desc-headerTitle {
    font-size: 53px;
}

@media screen and (max-width: 945px) {
    #ze-products-desc-container .ze-products-desc-headerTitle {
        font-size: clamp(2.5rem, 0.4041rem + 4.9242vw, 3.3125rem);
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-headerTitle {
        font-size: clamp(1.6875rem, 0.9653rem + 3.6111vw, 2.5rem);
    }
}

#ze-products-desc-container .ze-products-desc-logo {
    width: min(216px, 100%);
}

/* Section */
#ze-products-desc-container .ze-products-desc-section {
    width: calc(100% - 40px);
    margin-block-end: 40px;
    margin-inline: auto;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-section {
        width: calc(100% - 20px);
    }
}

#ze-products-desc-container .ze-products-desc-section--noMargin {
    margin-block-end: 0;
}

/* 2 column section */
#ze-products-desc-container .ze-products-desc-sec-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
        "tle img"
        "bod img";
    column-gap: 20px;
    position: relative;
}

#ze-products-desc-container .ze-products-desc-sec-2col--reverse {
    grid-template-areas:
        "img tle"
        "img bod";
}

#ze-products-desc-container .ze-products-desc-sec-2col--2rows {
    grid-template-areas:
        "tle bod"
        "img img";
}

@media screen and (max-width: 680px) {

    #ze-products-desc-container .ze-products-desc-sec-2col,
    #ze-products-desc-container .ze-products-desc-sec-2col--reverse,
    #ze-products-desc-container .ze-products-desc-sec-2col--2rows {
        grid-template-columns: 1fr;
        gap: 20px;
        grid-template-areas:
            "tle"
            "img"
            "bod";
    }
}

#ze-products-desc-container .ze-products-desc-sec-2col--2txtBlock {
    grid-template-areas:
        "tl1 img"
        "bd1 img"
        "tl2 img"
        "bd2 img";
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-2col--2txtBlock {
        grid-template-areas:
            "tl1"
            "img"
            "bd1"
            "tl2"
            "bd2";
    }
}

#ze-products-desc-container .ze-products-desc-sec-2col--2txtBlockReverse {
    grid-template-areas:
        "img tl1"
        "img bd1"
        "img tl2"
        "img bd2";
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-2col--2txtBlockReverse {
        grid-template-areas:
            "tl1"
            "bd1"
            "img"
            "tl2"
            "bd2";
    }
}

#ze-products-desc-container .ze-products-desc-sec-2col--extended {
    gap: 20px;
    grid-template-areas:
        "tle tle"
        "img1 pac1"
        "img2 pac1"
        "bod pac2";
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-2col--extended {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "tle tle"
            "img1 img2"
            "bod bod"
            "pac2 pac1";
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-2col--noGap {
        gap: 0;
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-2col--mobileBg {
        background: url(//f00.esfr.pl/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/img/zeegma-planeet-chef-bg-left.png) no-repeat left top;
        background-size: contain;
        padding-block-end: 0;
        border-radius: 0;
    }
}

/* 1 column section */
#ze-products-desc-container .ze-products-desc-sec-1col {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    grid-template-areas:
        "tle"
        "img"
        "bod";
}

/* 3 column section */
#ze-products-desc-container .ze-products-desc-sec-3col {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-3col {
        flex-wrap: wrap;
        justify-content: center;
    }
}

#ze-products-desc-container .ze-products-desc-sec-3col__item {
    flex: 0 1 35%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 36px;
    background: #BFBBAE80;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-3col__item {
        flex: 0 1 278px;
    }
}

#ze-products-desc-container .ze-products-desc-sec-3col__itemBody {
    padding: 18px;
    margin-block-end: 15px;
}

#ze-products-desc-container .ze-products-desc-sec-3col__itemContent {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: #424242;
    margin: 0;
}

@media screen and (max-width: 945px) {
    #ze-products-desc-container .ze-products-desc-sec-3col__itemContent {
        font-size: clamp(1rem, 0.6776rem + 0.7576vw, 1.125rem);
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-3col__itemContent {
        font-size: clamp(0.875rem, 0.7639rem + 0.5556vw, 1rem);
    }
}

#ze-products-desc-container .ze-products-desc-sec-3col__imgWrapper {
    position: relative;
    margin-block-start: auto;
}

#ze-products-desc-container .ze-products-desc-sec-3col__img {
    width: 100%;
    border-radius: 36px;
}

#ze-products-desc-container .ze-products-desc-sec-3col__icon {
    width: 80px;
    height: 80px;
    position: absolute;
    top: -40px;
    right: -15px;
}

/* 3 column graphics section */
#ze-products-desc-container .ze-products-desc-sec-3Gfx {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

/* Bg section */
#ze-products-desc-container .ze-products-desc-sec-bg {
    background: #D9D9D961;
    margin-block-end: 40px;
    /* padding-block-end: 13px; */
    border-bottom-left-radius: 85px 38px;
    border-bottom-right-radius: 85px 38px;
}

@media screen and (min-width: 681px) {
    #ze-products-desc-container .ze-products-desc-sec-bg {
        padding-block-start: 35px;
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bg {
        background: url(//f00.esfr.pl/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/img/zeegma-planeet-chef-bg-right.png) no-repeat right top;
        background-size: contain;
        padding-block-end: 0;
        border-radius: 0;
    }
}

#ze-products-desc-container .ze-products-desc-sec-bg--fullRadius {
    border-radius: 85px / 38px;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bg--fullRadius {
        border-radius: 0;
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bg--mobileNoBg {
        background: none;
    }
}

/* Bg section with 2 blocks */
#ze-products-desc-container .ze-products-desc-sec-bg-2block {
    margin-block-end: 40px;
    padding-block-end: 13px;
    background: url(//f00.esfr.pl/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/img/zeegma-planeet-chef-bg-2block.png) no-repeat center bottom;
    background-size: contain;
}

#ze-products-desc-container .ze-products-desc-sec-bg-2block--middle {
    background: url(//f00.esfr.pl/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/img/zeegma-planeet-chef-bg-2block-middle.png) no-repeat center bottom 10px;
    padding-block-end: 0;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bg-2block {
        background: none;
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bg-2block-body {
        background: url(//f00.esfr.pl/si_upload/OPR/Zeegma/zeegma_planeetchef_v6/img/zeegma-planeet-chef-bg-left.png) no-repeat left top;
        background-size: contain;
        padding-block-end: 0;
    }
}

/* Bg section with 2 rows */
#ze-products-desc-container .ze-products-desc-sec-bg-2rows--imgWrapper {
    grid-column: 1 / -1;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Bottom section */
#ze-products-desc-container .ze-products-desc-sec-bottom {
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    background: #D9D9D961;
    border-top-left-radius: 85px 38px;
    border-top-right-radius: 85px 38px;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bottom {
        border-radius: 0 180px 180px 0;
    }
}

#ze-products-desc-container .ze-products-desc-sec-bottom__wrapper {
    display: grid;
}

@media screen and (max-width: 425px) {
    #ze-products-desc-container .ze-products-desc-sec-bottom__wrapper {
        grid-template-columns: 1fr;
    }
}

#ze-products-desc-container .ze-products-desc-sec-bottom__body {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    z-index: 3;
    padding-inline-start: 20px;
}

@media screen and (max-width: 425px) {
    #ze-products-desc-container .ze-products-desc-sec-bottom__body {
        grid-column: unset;
        grid-row: unset;
        z-index: 2;
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bottom__body {
        padding-inline-start: clamp(0.25rem, -1.4167rem + 6.2745vw, 1.25rem);
    }
}

#ze-products-desc-container .ze-products-desc-sec-bottom__imgWrapper {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    z-index: 2;
}

@media screen and (max-width: 425px) {
    #ze-products-desc-container .ze-products-desc-sec-bottom__imgWrapper {
        grid-column: unset;
        grid-row: unset;
    }
}

/* Section content */
#ze-products-desc-container .ze-products-desc-title {
    grid-area: tle;
    align-self: start;
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
    background: #D9D9D9;
    margin: 0;
    padding: 10px 32px;
    border-radius: 100px;
}

#ze-products-desc-container .ze-products-desc-title--1block {
    grid-area: tl1;
}

#ze-products-desc-container .ze-products-desc-title--2block {
    grid-area: tl2;
}

@media screen and (min-width: 681px) {

    #ze-products-desc-container .ze-products-desc-title--1col,
    #ze-products-desc-container .ze-products-desc-title--center {
        justify-self: center;
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-title--mobileMargin {
        margin-block-end: 20px;
    }
}

#ze-products-desc-container .ze-products-desc-title--bottom {
    grid-area: unset;
}

@media screen and (min-width: 681px) {
    #ze-products-desc-container .ze-products-desc-title--bottom {
        justify-self: center;
    }
}

#ze-products-desc-container .ze-products-desc-sec-bg-body--noGap .ze-products-desc-title {
    margin-block-end: 20px;
}

#ze-products-desc-container .ze-products-desc-content {
    grid-area: bod;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
    text-wrap: pretty;
    margin: 0;
}

@media screen and (max-width: 945px) {
    #ze-products-desc-container .ze-products-desc-content {
        font-size: clamp(1rem, 0.3551rem + 1.5152vw, 1.25rem);
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-content {
        font-size: clamp(0.875rem, 0.7639rem + 0.5556vw, 1rem);
    }
}

#ze-products-desc-container .ze-products-desc-content--1block {
    grid-area: bd1;
}

#ze-products-desc-container .ze-products-desc-content--2block {
    grid-area: bd2;
}

#ze-products-desc-container .ze-products-desc-content--2rows {
    background: #D9D9D9;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding: 9px 32px 8px 11px;
    transform: translateX(-24px);
    z-index: 1;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-content--2rows {
        border-radius: 100px 0 0 100px;
        padding: 9px 11px 8px 32px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 3;
        transform: translateX(0);
    }
}

@media screen and (min-width: 681px) {
    #ze-products-desc-container .ze-products-desc-content--1col {
        padding-inline: 23px;
    }
}

#ze-products-desc-container .ze-products-desc-img-wrapper {
    grid-area: img;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ze-products-desc-container .ze-products-desc-img-wrapper--2rows {
    z-index: 2;
}

#ze-products-desc-container .ze-products-desc-img-wrapper--noArea {
    grid-area: unset;
}

#ze-products-desc-container .ze-products-desc-img-wrapper--2img {
    flex-direction: column;
}

#ze-products-desc-container .ze-products-desc-img-wrapper--pac1 {
    grid-area: pac1;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-img-wrapper--pac1 {
        /* align-self: end; */
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

#ze-products-desc-container .ze-products-desc-img-wrapper--pac2 {
    grid-area: pac2;
}

#ze-products-desc-container .ze-products-desc-img-wrapper--img1 {
    grid-area: img1;
}

#ze-products-desc-container .ze-products-desc-img-wrapper--img2 {
    grid-area: img2;
}

#ze-products-desc-container .ze-products-desc-img-wrapper--stack {
    justify-self: end;
    padding-block-start: 25px;
}

@media screen and (max-width: 945px) {
    #ze-products-desc-container .ze-products-desc-img-wrapper--stack {
        width: clamp(20.875rem, -18.9467rem + 93.5606vw, 36.3125rem);
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-img-wrapper--stack {
        width: clamp(11.5625rem, -4.0561rem + 58.6614vw, 20.875rem);
        padding-block-start: clamp(1.5625rem, 16.6216rem + -35.4331vw, 7.1875rem);
    }
}

@media screen and (max-width: 425px) {
    #ze-products-desc-container .ze-products-desc-img-wrapper--stack {
        padding-block-start: 0;
        width: 100%;
    }
}

#ze-products-desc-container .ze-products-desc-img.lazy {
    width: 100%;
    height: 100%;
    border-radius: 36px;
    object-fit: contain;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-img.lazy {
        border-radius: 24px;
    }
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-img--pac {
        max-width: 399px;
    }
}

#ze-products-desc-container .ze-products-desc-img-wrapper--noArea .ze-products-desc-img.lazy {
    border-radius: 24px;
}

#ze-products-desc-container ul,
#ze-products-desc-container ol {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    padding-inline-start: 25px;
}

@media screen and (max-width: 945px) {

    #ze-products-desc-container ul,
    #ze-products-desc-container ol {
        font-size: clamp(1rem, 0.3551rem + 1.5152vw, 1.25rem);
    }
}

@media screen and (max-width: 680px) {

    #ze-products-desc-container ul,
    #ze-products-desc-container ol {
        font-size: clamp(0.75rem, 0.5278rem + 1.1111vw, 1rem);
    }
}

#ze-products-desc-container .ze-products-desc-sec-bg-2block ul {
    margin-block-start: 0;
    margin-inline-start: 11px;
    grid-area: bod;
}

@media screen and (max-width: 680px) {
    #ze-products-desc-container .ze-products-desc-sec-bg-2block ul {
        width: 23ch;
    }
}

#ze-products-desc-container ul li,
#ze-products-desc-container ol li {
    margin-block-end: 5px;
}
