/*LP Adac*/
.lpadac {
    width: 100%;
    max-width: 1372px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #3B444D;
    font-size: 20px;
    font-weight: 400;
    font-family: 'League Spartan', sans-serif;
}

.adacHeader {
    width: 100%;
    max-width: 1372px;
    display: grid;
    margin-bottom: 25px;
}

.adacHeader__picture {
    width: 100%;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}

.adacHeader__img {
    width: 100%;
}

.adacHeader__body {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    margin-left: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

@media screen and (max-width: 600px) {
    .adacHeader__body {
        margin-inline: auto;
        justify-content: flex-start;
        width: calc(100% - 3rem);
        margin-top: 25px;
    }
}

.adacHeader__title {
    font-size: min(max(7.23vw, 29px), 95px);
    font-weight: 200;
    color: #fff;
    margin: 0;
    line-height: 1.15;
    text-shadow: 0 2px 1px #8d867e78;
}

@media screen and (max-width: 600px) {
    .adacHeader__title {
        font-size: clamp(2.4375rem, -0.7166rem + 15.7706vi, 5.1875rem);
        text-align: center;
    }
}

.adacHeader__title--capitalic {
    text-transform: uppercase;
}

.adacHeader__titleHighlight {
    font-size: min(max(8.28vw, 33px), 110px);
    font-weight: 600;
    margin: 0;
    line-height: 1;
}

@media screen and (max-width: 600px) {
    .adacHeader__titleHighlight {
        font-size: clamp(2.5625rem, -1.1651rem + 18.638vi, 5.8125rem);
    }
}

.adacHeader__logoWrapper {
    width: 610px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 25px;
}

@media screen and (max-width: 1389px) {
    .adacHeader__logoWrapper {
        width: clamp(16.25rem, -0.385rem + 44.3599vi, 38.125rem);
    }
}

@media screen and (max-width: 600px) {
    .adacHeader__logoWrapper {
        width: 100%;
        justify-content: space-between;
    }
}

.adacHeader__logoItem {
    width: 45%;
}

.adacHeader__logo {
    width: 100%;
}

.lpadac-about {
    width: 100%;
    padding: 35px 5px 15px;
    margin-bottom: 35px;
}

#lpadac .sectionTitle {
    font-size: min(max(4.54vw, 26px), 40px);
    font-weight: 600;
    text-align: center;
    margin-block: 0 40px;
    text-transform: uppercase;
    padding-inline: 8px;
    padding-block: 0;
    line-height: 1.15;
}

#lpadac .sectionTitle--white {
    color: #fff;
}

#lpadac .sectionTitle--capitalic {
    text-transform: uppercase;
}

#lpadac .sectionText {
    text-align: center;
    font-size: min(max(2.22vw, 16px), 20px);
    margin-bottom: 13px;
    line-height: 1.42857143;
}

@media screen and (max-width: 749px) {
    .lpadac-about__more .sectionText {
        overflow: hidden;
        height: 100%;
        max-height: 0;
        margin-bottom: 0;
        transition: max-height 450ms linear, margin-bottom 550ms linear;
    }

    .lpadac-about__more[open] .sectionText {
        margin-bottom: 13px;
        max-height: 480px;
        transition: max-height 450ms linear, margin-bottom 550ms linear;
    }
}

.lpadac-about--highlight {
    font-weight: 700;
}

@media screen and (max-width: 749px) {
    .lpadac-about__more {
        display: block;
        height: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 550ms linear;
    }

    .lpadac-about__more[open] {
        max-height: 480px;
        transition: max-height 550ms linear;
    }
}

.lpadac-about__button {
    display: none;
    margin-inline: auto 10px;
    appearance: none;
    background: none;
    border: none;
    font-family: 'League Spartan', sans-serif;
    font-size: 18px;
    color: #FFB866;
    cursor: pointer;
}

@media screen and (max-width: 749px) {
    .lpadac-about__button {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
    }
}

.lpadac-about__buttonArrow {
    transform: rotate(180deg);
    transition: transform 550ms linear;
}

.lpadac-about__button[open] .lpadac-about__buttonArrow {
    transform: rotate(0);
    transition: transform 550ms linear;
}

.lpadac-products {
    background: #EFEAE3;
    padding-block: 35px 15px;
    padding-inline: 10px;
    margin-block-end: 35px;
}

.lpadac-product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-block-end: 2.3rem;
}

@media screen and (max-width: 749px) {
    .lpadac-product {
        grid-template-columns: 1fr;
    }
}

.lpadac-product__imgWrapper {
    align-self: center;
    justify-self: center;
}

.lpadac-product__imgTitle {
    font-size: 64px;
    font-weight: 700;
    color: #D1C6BA;
    margin-block: 0 1rem;
}

@media screen and (max-width: 749px) {
    .lpadac-product__imgTitle {
        font-size: clamp(3rem, 2.0676rem + 4.662vi, 4.25rem);
        text-align: center;
    }
}

.lpadac-product__img {
    max-width: 543px;
    width: 100%;
}

.lpadac-product__body {
    padding-block-start: 2rem;
}

.lpadac-product__descTitle {
    font-size: 22px;
    font-weight: 700;
    margin-block: 0 0.8rem;
}

.lpadac-product__list {
    margin-block: 0 3rem;
}

@media screen and (max-width: 749px) {
    .lpadac-product__list:first-of-type {
        margin-block: 0 1rem;
    }
}

.lpadac-product__listItem {
    font-size: 18px;
    margin-block-end: 5px;
    line-height: 1.4;
}

@media screen and (max-width: 749px) {
    .lpadac-product__listItem {
        font-size: clamp(1rem, 0.9068rem + 0.4662vi, 1.125rem);
    }
}

.lpadac-product__linkVideo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-block-end: 3rem;
    color: #D1C6BA;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 350ms ease-in;
}

@media screen and (max-width: 749px) {
    .lpadac-product__linkVideo {
        justify-content: center;
    }
}

.lpadac-product__linkVideo:hover {
    opacity: 0.8;
}

.lpadac-product__linkTxt {
    padding-block-start: 4px;
}

.lpadac-product__button {
    appearance: none;
    background: #FFB866;
    border-radius: 8px;
    border: none;
    padding: 12px 20px 10px;
    font-family: 'League Spartan', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: background 350ms ease-in;
}

@media screen and (max-width: 749px) {
    .lpadac-product__button {
        display: block;
        margin-inline: auto;
    }
}

.lpadac-product__button:hover {
    background: #ffb866b7;
}

.lpadac-product__buttonLink {
    color: #fff;
    text-decoration: none;
}

.lpadac-product__divider {
    border-top: 1px solid #fff;
    width: 95%;
    margin-block-end: 4rem;
}

.whatRated {
    width: 100%;
    margin-bottom: 45px;
}

.whatRated__itemWrapper {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
}

@media screen and (max-width: 600px) {
    .whatRated__itemWrapper {
        row-gap: 25px;
    }
}

.whatRated__item {
    width: 24%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

.whatRated__item:hover {
    opacity: 0.8;
}

@media screen and (max-width: 600px) {
    .whatRated__item {
        width: 37%;
        height: 190px;
    }
}

.whatRated__iconWrapper {
    width: 100%;
    max-width: 100px;
    margin-bottom: 15px;
}

.whatRated__icon {
    width: 100%;
}

.whatRated__body {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    height: 100%;
}

.whatRated__itemTitle {
    text-align: center;
    font-size: min(max(3.54vw, 18px), 22px);
    font-weight: 700;
    margin: 0;
}

.whatRated__more {
    margin: 0;
    margin-top: auto;
    font-size: 16px;
    color: #F1952A;
}

.whatRated__popupInfo {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    width: 95%;
    padding: 15px 20px;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    visibility: visible;
    opacity: 1;
    transition: all .45s;
}

.whatRated__popupInfo--hidden {
    visibility: hidden;
    opacity: 0;
}

.whatRated__popupText {
    font-size: min(max(2.22vw, 16px), 20px);
}

.whatRated__button {
    margin: 0;
    margin-left: auto;
    margin-right: 5px;
    padding: 10px 15px 7px;
    width: fit-content;
    background: #f1952a;
    color: #fff;
    border-radius: 6px;
    font-size: min(max(1.87vw, 14px), 18px);
    cursor: pointer;
}

.whatRated__button:hover {
    opacity: 0.8;
}

.lpadac-rating {
    width: 100%;
    padding: 25px 0 45px;
    background: #3B444D;
    margin-bottom: 35px;
}

@media screen and (max-width: 800px) {
    .lpadac-rating__rateWrapper {
        margin-left: 7px;
        min-width: min(calc(100% - 20px), 209px);
        text-align: left;
    }
}

.lpadac-rating__rate {
    font-size: min(max(3.54vw, 16px), 22px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 22px;
}

@media screen and (max-width: 800px) {
    .lpadac-rating__rate {
        text-align: left;
        margin-top: 22px;
    }
}

@media screen and (max-width: 800px) {
    .lpadac-rating__punctationWrapper {
        display: flex;
        justify-content: flex-end;
        min-width: 81px;
    }
}

.lpadac-rating__punctation {
    font-size: min(max(1.87vw, 14px), 18px);
    font-weight: 400;
    color: #fff;
    width: fit-content;
    padding: 10px 30px 7px;
    border-radius: 6px;
    margin: 0 auto;
}

.lpadac-rating__punctation--veryGood {
    background: rgb(46, 125, 50);
}

.lpadac-rating__punctation--good {
    background: rgb(149, 193, 31);
}

.lpadac-rating__punctation--averange {
    background: rgb(255, 204, 0);
}

.lpadac-rating__punctation--fair {
    background: rgb(241, 135, 0);
}

.lpadac-rating__punctation--poor {
    background: rgb(204, 51, 51);
}

.lpadac-rating__punctation--final {
    font-weight: 700;
    padding: 10px 50px 7px;
}


.lpadac-ratingTable__wrapper {
    overflow: auto visible;
    width: calc(100% - 2rem);
    background: #fff;
    margin-inline: auto;
    padding-block-start: 10px;
    border-radius: 8px;
    box-shadow: 0px 4px 20px 0px #00000026;
    margin-block-end: 35px;
}


.lpadac-ratingTable {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border: 1px solid #fff;
    overflow-x: auto;
}

.lpadac-ratingTable__colHeader {
    padding: 5px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    min-width: 6em;
    background-color: #fff;
}

.lpadac-ratingTable__colHeader:first-child {
    position: sticky;
    left: 0;
    background: #fff;
}

.lpadac-ratingTable__rowHeader {
    position: sticky;
    left: 0;
    background: #fff;
    width: 200px;
    padding-inline-start: 5px;
    padding-inline-end: 15px;
}

.lpadac-ratingTable__rowHeader img {
    width: 100%;
    max-width: 198px;
    min-width: 150px;
}

.lpadac-ratingTable__data {
    text-align: center;
}

.lpadac-ratingTable__rowHeader,
.lpadac-ratingTable__data {
    padding-block: 5px;
}

.lpadac-ratingTable .lpadac-ratingTable__row:nth-child(2) .lpadac-ratingTable__data {
    border-block: 1px solid #D1C6BA;
}

.adacValue__title {
    font-size: min(max(3.6vw, 22px), 28px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 22px;
    color: #fff;
}

.adacValue__itemWrapper {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 800px) {
    .adacValue__itemWrapper {
        flex-direction: column;
        align-items: center;
    }
}

.adacValue__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: calc((100% / 6) - 10px);
}

@media screen and (max-width: 800px) {
    .adacValue__item {
        justify-content: center;
        flex-direction: row;
        width: 50%;
        margin-bottom: 10px;
        column-gap: 25px;
    }
}

.adacValue__item--headings {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    width: 10%;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .adacValue__item--headings {
        justify-content: center;
        flex-direction: row;
        width: 50%;
    }
}

.adacValue__heading {
    text-align: left;
    margin: 0;
    font-size: min(max(2.54vw, 18px), 20px);
    color: #fff;
}

@media screen and (max-width: 800px) {
    .adacValue__heading--punctation {
        min-width: 98px;
    }

    .adacValue__heading--rating {
        min-width: 108px;
    }
}

.adacValue__punctation {
    font-size: min(max(1.87vw, 14px), 18px);
    font-weight: 600;
    color: #fff;
    width: fit-content;
    padding: 10px 20px 7px;
    margin: 0;
    border-radius: 6px;
}

@media screen and (max-width: 800px) {
    .adacValue__punctationWrapper {
        min-width: 98px;
        display: flex;
        justify-content: flex-end;
    }
}

.adacValue__rate {
    margin-top: 15px;
}

@media screen and (max-width: 800px) {
    .adacValue__rate {
        margin-top: 0;
        min-width: 115px;
    }
}

.adacValue__rateTitle {
    text-align: center;
    margin: 0;
    font-size: min(max(2.22vw, 18px), 20px);
    color: #fff;
    ;
}

@media screen and (max-width: 800px) {
    .adacValue__rateTitle {
        text-align: left;
    }
}

.adacValue__rateTitle--highlight {
    font-weight: 700;
}

/* YouTube embed */
.videoWrapper {
    margin-bottom: 45px;
}

.vidLP {
    margin: 0 auto;
    transform: translate3d(0px, 0.1509px, 0px);
    opacity: 1;
    overflow: hidden;
    width: 80%;
    position: relative;
    z-index: 2;
}

.vidLP iframe {
    border-radius: 8px;
    box-shadow: 0 -1px 7px -1px rgb(0 0 0 / 66%);
    -webkit-box-shadow: 0 -1px 7px -1px rgb(0 0 0 / 66%);
    width: 100%;
    min-height: 620px;
}

@media all and (max-width: 767px) {
    .vidLP iframe {
        min-height: 280px !important;
    }
}


/*LO Care*/
:root {
    --loc-width-main: calc(100% - 3em);
    --loc-fs-middleTitle: min(max(3.41vw, 18px), 32px);
    --loc-fs-desciption: min(max(1.73vw, 16px), 18px);
    --loc-fs-button: min(max(3.188vw, 14px), 16px);
    --loc-fs-productTitle: min(max(3.41vw, 28px), 48px);
    --loc-fs-productSubTitle: min(max(3.41vw, 18px), 32px);
    --loc-fs-sectionTitle: min(max(4.41vw, 28px), 56px);
    --loc-fs-14-18: clamp(0.875rem, 0.7723rem + 0.5135vi, 1.125rem);
    --loc-fs-12-16: clamp(0.75rem, 0.6473rem + 0.5135vi, 1rem);
    --loc-fs-menu: clamp(1rem, 0.5631rem + 1vi, 1.25rem);
}

@media screen and (max-width: 849px) {
    :root {
        --loc-width-main: calc(100% - 1.5em);
    }
}

.locare {
    width: 100%;
    max-width: 1372px;
    margin: 0 auto;
    margin-top: 15px;
    color: #3B444D;
    font-size: 18px;
    font-weight: 400;
    font-family: 'League Spartan', sans-serif;
    scroll-behavior: smooth;
    scroll-padding-block-start: 10px;
}

.locareHeader {
    display: grid;
    margin-bottom: 25px;
    min-height: 400px;
    background-image: url(/img/cms/lionelo_care/header.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 769px) {
    .locareHeader {
        background-image: url(/img/cms/lionelo_care/header_mobile_769.jpg);
        background-position: top;
    }
}

@media screen and (max-width: 699px) {
    .locareHeader {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 459px) {
    .locareHeader {
        background-image: url(/img/cms/lionelo_care/header_mobile.jpg);
        background-position: top;
    }
}

.locareHeader__img {
    width: 100%;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}

.locareHeader__body {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    width: 50%;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    color: #fff;
}

@media screen and (max-width: 769px) {
    .locareHeader__body {
        width: 100%;
        min-height: 650px;
        justify-content: flex-start;
        padding: 1em;
    }
}

.locareHeader__title {
    font-size: var(--loc-fs-middleTitle);
    font-weight: 400;
    color: #fff;
}

.locareHeader__desc {
    font-size: min(max(3.188vw, 14px), 16px);
    line-height: 24px;
    color: #fff;
}

.locareHeader__desc--important {
    font-weight: 700;
}

.locareMenu {
    width: 100%;
    /* margin-inline: auto; */
    margin-block-end: 35px;
    /* background-color: #B7AB9D; */
    /* border-radius: 10px; */
    /* padding-block: 10px; */
    overflow: hidden;
    position: relative;
    z-index: 4;
}

@media screen and (max-width: 699px) {
    .locareMenu {
        overflow: visible;
        padding-inline: 15px;
        margin-block-end: 15px;
    }
}

@keyframes loc-fade-in {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    1% {
        visibility: visible;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}

.fade-in {
    animation: loc-fade-in 550ms linear forwards;
}

@keyframes loc-fade-out {
    0% {
        visibility: visible;
        opacity: 1;
    }

    99% {
        visibility: visible;
        opacity: 0;
    }

    100% {
        visibility: hidden;
        opacity: 0;
    }
}

.fade-out {
    animation: loc-fade-out 550ms linear forwards;
}

#locare-page .locareMenu__list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background-color: #B7AB9D;
    border-radius: 10px;
    padding-block: 10px;
    width: var(--loc-width-main);
    margin-inline: auto;
}

@media screen and (max-width: 699px) {
    #locare-page .locareMenu__list {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        position: absolute;
        top: 55px;
        z-index: 5;
        left: 50%;
        transform: translateX(-50%);
        visibility: hidden;
        opacity: 0;
    }
}

#locare-page .locareMenu__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 19%;
    gap: 10px;
    padding: 10px;
    position: relative;
}

#locare-page .locareMenu__item:hover {
    opacity: .8;
}

@media screen and (max-width: 459px) {
    #locare-page .locareMenu__item {
        flex-basis: 31%;
        font-weight: 400;
        padding: 5px 5px;
    }
}

.locareMenu__title {
    line-height: 1;
    padding-block-start: 3px;
    text-align: center;
}

.locareMenu__link {
    margin: 0;
    line-height: 1;
    font-size: var(--loc-fs-menu);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.locareMenu__link:hover {
    color: #fff;
}

.locareMenu__mobile {
    display: none;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: #B7AB9D;
    border-radius: 10px;
    padding: 5px;
}

@media screen and (max-width: 699px) {
    .locareMenu__mobile {
        display: block;
    }
}

.locareMenu__mobileButton {
    background: none;
    padding: 6px 3px 3px;
    border: none;
    /* width: 30px; */
    /* height: 30px; */
    display: flex;
    flex-direction: flex-start;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.locareMenu__hamburgerButton {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.locareMenu__mobileButtonLine {
    display: block;
    border-block-start: 3px solid #fff;
    height: 2px;
    width: 24px;
    transition: all 450ms linear;
    visibility: visible;
    opacity: 1;
    margin-block-end: 4px;
}


.locareMenu__mobileButtonLine.open:nth-child(1) {
    transform: rotate(45deg) translate(1px, -3px);
    transform-origin: left;
}

.locareMenu__mobileButtonLine.open:nth-child(2) {
    visibility: hidden;
    opacity: 0;
}

.locareMenu__mobileButtonLine.open:nth-child(3) {
    transform: rotate(-45deg) translate(1px, 3px);
    transform-origin: left;
}

.locareMenu__category {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    /* padding-block-start: 3px; */
}

.locareMenu__backdrop {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 758px;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    transition: background 550ms ease-in;
}

.locareMenu__backdrop.open {
    visibility: visible;
    background: #00000065;
}

.locareGroup {
    width: var(--loc-width-main);
    margin-inline: auto;
    margin-block-end: 25px;
    transition: margin-block-end 450ms ease-in;
    position: relative;
    z-index: 1;
}

.locareGroup:has(.locareProducts[open]) {
    margin-block-end: 55px;
}

@media screen and (max-width: 849px) {
    .locareGroup {
        width: 100%;
    }
}

.locareSectionMain {
    display: grid;
    /* background-image: url(/picture/new/banner-sekcja_laktatory.png); */
    background-position: top 0 right 0;
    background-size: cover;
    background-repeat: no-repeat;
    /* border-radius: 8px; */
    /* padding: calc(8px + 1.5625vw); */
    margin-block-end: 0;
    transition: margin-block-end 450ms ease-in;
    /* height: calc(100vw / 3); */
    /* min-height: 780px; */
}


.locareSectionMain:has(+ .locareProducts[open]) {
    margin-block-end: 35px;
}

@media screen and (max-width: 997px) {
    .locareSectionMain {
        background-position: center;
    }
}

.locareSectionMain__bg {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    z-index: 1;
    height: 100%;
    background-color: #EFEAE3;
}

@media screen and (min-width: 659px) {
    .locareSectionMain__bg {
        display: none;
    }
}

.locareSectionMain__picture {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    z-index: 2;
}

.locareSectionMain__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 659px) {
    .locareSectionMain__img {
        height: auto;
    }
}

.locareSectionMain__body {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    z-index: 3;
    /* min-height: calc(100vw / 5); */
    height: 100%;
    /* width: 53%; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

@media screen and (max-width: 659px) {
    .locareSectionMain__body {
        width: 100%;
        padding-block-start: 35px;
    }
}

.locareSectionMain__header {
    padding: calc(8px + 1.5625vw);
    padding-inline-end: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-block-end: 1rem;
    /* max-width: 599px; */
    width: 53%;
}

@media screen and (max-width: 659px) {
    .locareSectionMain__header {
        padding-inline-end: calc(8px + 1.5625vw);
        gap: 30px;
        width: 100%;
    }
}

.locareSectionMain__title {
    font-size: var(--loc-fs-sectionTitle);
    font-weight: 600;
    margin: 0;
    /* margin-block-end: 10px; */
    padding: 0;
    line-height: 1;
}

.locareSectionMain__subTitle {
    font-size: var(--loc-fs-14-18);
    font-weight: 500;
    /* color: #008581; */
}

/* @media screen and (max-width: 659px) {
    .locareSectionMain__subTitle {
        color: #fff;
    }
} */

@media screen and (max-width: 659px) {
    .locareSectionMain__subTitle--short {
        width: 60%;
    }
}

.locareSectionMain__desc {
    text-wrap: pretty;
    font-size: var(--loc-fs-12-16);
}


@media screen and (max-width: 659px) {
    .locareSectionMain__desc {
        width: 100%;
    }
}

.locareSectionMain__products {
    width: clamp(38.4375rem, 32.3023rem + 14.0234vi, 43.6875rem);
    margin-inline-end: auto;
}

@media screen and (max-width: 659px) {
    .locareSectionMain__products {
        width: 100%;
    }
}


#locare-page .locareSectionMain__list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    margin-block-end: 1.7rem;
}

@media screen and (max-width: 659px) {
    #locare-page .locareSectionMain__list:nth-child(1) {
        margin-block-end: 25px;
        gap: 15px;
    }
}

#locare-page .locareSectionMain__list--column {
    flex-direction: column;
    width: 45%;
}

@media screen and (max-width: 659px) {
    #locare-page .locareSectionMain__list--column {
        width: 100%;
        flex-direction: row;
    }
}

.locareSectionMain__listItem {
    flex-basis: 45%;
    flex-shrink: 0;
    background: #fff;
    border-radius: 0px 170.5px 170.5px 0px;
    /* overflow: hidden; */
    position: relative;
    transition: background 250ms ease-in;
}

.locareSectionMain__listItem:hover {
    background: #f3f3f3;
}

@media screen and (max-width: 659px) {
    .locareSectionMain__listItem {
        flex-basis: 280px;
        flex-shrink: 1;
    }
}

.locareSectionMain__listItem:nth-child(even) {
    border-radius: 170.5px;
}

@media screen and (max-width: 659px) {
    .locareSectionMain__listItem:nth-child(even) {
        border-radius: 0px 170.5px 170.5px 0px;
    }
}

.locareSectionMain__list.locareSectionMain__list--column .locareSectionMain__listItem {
    border-radius: 0px 170.5px 170.5px 0px;
}

.locareSectionMain__listButton {
    position: relative;
    z-index: 1;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    width: 100%;
    color: #3B444D;
    text-align: left;
    padding-inline-start: 35px;
    padding-block: 8px 5px;
    cursor: pointer;
}

.locareSectionMain__listButton:focus {
    outline: none;
}

.locareSectionMain__listButton:focus-visible {
    outline: #B7AB9D;
}

.locareSectionMain__listButton--all {
    background-color: #B7AB9D;
    border-radius: 0px 170.5px 170.5px 0px;
    color: #fff;
    transition: background-color 250ms ease-in;
}

.locareSectionMain__listButton--all:hover {
    background-color: hsl(32, 15%, 73%);
}

.locareSectionMain__buttonTitle {
    font-size: 18px;
    font-weight: 700;
    display: block;
}

.locareSectionMain__buttonMore {
    font-size: 14px;
    font-weight: 400;
}

.locareSectionMain__listButton:not(.locareSectionMain__listButton--all) .locareSectionMain__buttonMore {
    color: #F1952A;
}

.locareSectionMain__buttonImg {
    position: absolute;
    bottom: 0;
    right: 10px;
}


.locareSectionMain__buttonLink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.locareCloseSection {
    margin-block-start: 25px;
}

.locareCloseButton {
    appearance: none;
    background: none;
    border: none;
    font-size: 16px;
    font-family: 'League Spartan', sans-serif;
    color: #F1952A;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-inline: auto 25px;
}

.locareCloseButton:hover {
    opacity: 0.8;
}

.locareCloseButton__img {
    width: 100%;
    padding-block-end: 8px;
}

.locareProducts {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 750ms linear;
}

.locareProducts[open] {
    grid-template-rows: 1fr;
    transition: grid-template-rows 750ms linear;
}

.locareWrapper {
    overflow: hidden;
}


.locareProduct {
    width: calc(100% - 10em);
    margin-inline: auto;
    margin-block-end: 35px;
    display: none;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
        "hd img"
        "dn img"
        "dn img"
        "bn img";
}

.locareProduct[open] {
    display: grid;
}

@media screen and (max-width: 849px) {
    .locareProduct {
        width: calc(100% - 2em);
        grid-template-areas:
            "hd img"
            "dn img"
            "dn bn"
            "dn bn";
    }
}

@media screen and (max-width: 599px) {
    .locareProduct {
        /* width: 100%; */
        grid-template-areas:
            "hd hd"
            "img img"
            "dn dn"
            "bn bn";
    }
}

.locareProduct--reverse {
    grid-template-areas:
        "img hd"
        "img dn"
        "img dn"
        "img bn";
}

@media screen and (max-width: 849px) {
    .locareProduct--reverse {
        grid-template-areas:
            "img hd"
            "img dn"
            "bn dn"
            "bn dn";
    }
}

@media screen and (max-width: 599px) {
    .locareProduct--reverse {
        grid-template-areas:
            "hd hd"
            "img img"
            "dn dn"
            "bn bn";
    }
}

.locareProduct__header {
    grid-area: hd;
}

.locareProduct__title {
    font-size: var(--loc-fs-productTitle);
    line-height: 1;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.locareProduct__subTitle {
    font-size: var(--loc-fs-productSubTitle);
    margin: 0;
}

.locareProduct__desc {
    grid-area: dn;
    margin-block-end: 15px;
}

.locareProduct__list {
    font-size: var(--loc-fs-desciption);
    line-height: 30px;
}

.locareProduct__item {
    margin-block-end: 15px;
}

.locareProduct__buttonWrapper {
    grid-area: bn;
}

@media screen and (max-width: 849px) {
    .locareProduct__buttonWrapper {
        justify-self: center;
        align-self: center;
    }
}

.locareProduct__button {
    color: #f2f2f3;
    font-weight: 600;
    text-decoration: none;
    font-size: var(--loc-fs-button);
    padding: 15px 25px;
    border: 1px solid #FFB866;
    border-radius: 6px;
    background-color: #FFB866;
    transition: color .4s ease-in, background-color .4s ease-in;
}

.locareProduct__button:hover {
    color: #FFB866;
    background-color: #fff;
}

.locareProduct__imgWrapper {
    grid-area: img;
    align-self: center;
    justify-self: center;
}

.locareProduct__img {
    max-width: 543px;
    width: 100%;
}

.specificationsTitle {
    color: #007474;
    font-size: var(--loc-fs-middleTitle);
    font-weight: 300;
    text-align: center;
}

.specificationsTitle--mobile {
    display: none;
}

.specificationsTitle__link {
    color: #007474;
    text-decoration: none;
}

.productDivider {
    display: none;
    border-top: 1px solid #B7AB9D;
    margin-bottom: 35px;
    width: calc(100% - 10em);
    margin-inline: auto;
}

.productDivider[open] {
    display: block;
}

@media screen and (max-width: 849px) {
    .productDivider {
        width: calc(100% - 2em);
    }
}

@media screen and (max-width: 599px) {
    .productDivider {
        width: 100%;
    }
}

.specification__tableWrapper {
    overflow: auto visible;
    max-width: 1308px;
}

.specificationTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center;
    border: 1px solid #fff;
    overflow-x: auto;
}

.specificationTable__colHeader,
.specificationTable__rowHeader,
.specificationTable__data {
    padding: 5px;
    border: 1px solid #fff;
    text-align: center;
    vertical-align: middle;
    min-width: 6em;
}

.specificationTable__colHeader {
    color: #fff;
    font-weight: 300;
    background-color: #007474;
    text-transform: uppercase;
}

.specificationTable__colHeader:first-child {
    font-weight: 500;
    position: sticky;
    left: 0;
}

.specificationTable__rowHeader {
    font-weight: 700;
    color: #007474;
    position: sticky;
    left: 0;
}

.specificationTable__row {
    display: none;
}

.specificationTable__row[open] {
    display: table-row;
}

.specificationTable .firstColumn {
    background: #fff;
}

.specificationTable__row:nth-child(odd) .specificationTable__rowHeader {
    background-color: #EFEAE3;
}

.specificationTable__row:nth-child(odd) .specificationTable__data {
    background-color: #EFEAE3;
}

.specificationTable__row:nth-child(even) .specificationTable__rowHeader {
    background-color: #f9f8f6;
}

.specificationTable__row:nth-child(even) .specificationTable__data {
    background-color: #f9f8f6;
}

.specificationTable__data--yes {
    /* color: #C2D500; */
    text-transform: uppercase;
}

.specificationTable__data--no {
    /* color: #989FAC; */
    text-transform: uppercase;
}


/* Golden Moments */
.landingContainer {
    width: 100% !important;
    max-width: 1550px !important;
}

.landingContainerFull {
    width: 100% !important;
}

:root {
    --primary-dark-color: #7e6b5f;
    --secondary-dark-color: #a6958a;
    --marker-line-color: #8e776b;
    --fn-size-section-hd: 32px;
    --fn-size-section-desc: 14px;
    --fn-size-products-title: clamp(5rem, 4.36rem + 3.2vw, 7.5rem);
    --fn-size-products-button: 16px;
    --fn-size-products-description: 14px;
    --fn-size-markers: clamp(0.875rem, 0.8198rem + 0.2759vw, 1rem);
    --fn-size-bottom: clamp(1.75rem, 1.558rem + 0.96vw, 2.5rem);
    --fn-products-color: #d8d8d8;
    --bg-section-gradient: radial-gradient(35.28% 58.25% at 51% 58.25%, #EADFD9 0%, #C7C2BE 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    --bg-section-light: #d9d9d9;
    --bg-products-button: #7e6b5f;
    --bg-products-button-hover: #5F544E;
}

#golden {
    width: 100%;
    max-width: 1550px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    overflow-x: hidden;
    font-family: 'League Spartan', sans-serif;
}

.golden-header {
    width: 100%;
}

.golden-header__img {
    width: 100%;
    display: block;
}

#golden-main-content {
    display: flex;
    flex-grow: 1;
    max-width: 100%;
}

#golden-layout {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}

.golden-section {
    width: 100%;
    position: relative;
}

.golden-section--gradient {
    background: var(--bg-section-gradient);
}

.golden-section--light {
    background: var(--bg-section-light);
}

.golden-section--video {
    padding-block-start: 20px;
    padding-block-end: 35px;
}

@media screen and (max-width: 569px) {
    .golden-section--video {
        padding-block-end: clamp(3.125rem, 2.2415rem + 4.4177vi, 3.8125rem);
    }

}

.golden-section--product {
    padding-block-start: 25px;
}

.golden-section--bottom {
    background: #fff;
    background-image: url(/img/cms/golden-moments/roslinka_bottom.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 796px) {
    .golden-section--bottom {
        background-position: top -25px center;
    }
}

.golden-section-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    grid-template-areas:
        ". . main main main main main main main main . .";
}

@media screen and (max-width: 796px) {
    .golden-section-grid {
        grid-template-areas:
            ". main main main main main main main main main main .";
    }
}

@media screen and (max-width: 569px) {
    .golden-section-grid {
        grid-template-areas:
            "main main main main main main main main main main main main";
    }
}

@media screen and (max-width: 796px) {
    .golden-section-grid--markers {
        grid-template-areas:
            "main main main main main main main main main main main main";
    }
}

.golden-section-grid--products {
    grid-template-areas:
        ". main main main main main main main main main main .";
}

@media screen and (max-width: 796px) {
    .golden-section-grid--products {
        padding-block: 20px;
    }
}

@media screen and (max-width: 569px) {
    .golden-section-grid--mobile {
        grid-template-areas:
            "main main main main main main main main main main main main";
    }
}

.golden-section__content {
    grid-area: main;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.golden-section__title {
    font-size: var(--fn-size-section-hd);
    color: var(--primary-dark-color);
    font-weight: 700;
    text-align: center;
}

.golden-section__title--product {
    margin-block-start: 0.84em;
    margin-block-end: 35px;
}

@media screen and (max-width: 569px) {
    .golden-section__title {
        text-align: center;
    }
}

.golden-section__desc {
    font-size: var(--fn-size-section-desc);
    color: var(--primary-dark-color);
    text-align: center;
    line-height: 26px;
    margin-block-end: 30px;
}

@media screen and (max-width: 796px) {
    .golden-section__desc {
        padding-inline: 15px;
        margin-block-end: 40px;
    }
}

.golden-section__desc--points {
    margin-block-end: 45px;
}

@media screen and (max-width: 796px) {
    .golden-section__desc--points {
        margin-block-end: 60px;
    }
}

.golden-video {
    position: relative;
    width: 100%;
}

@media screen and (max-width: 569px) {
    .golden-video {
        width: 90%;
    }
}

.golden-video__video {
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    background: #C4C4C4;
    box-shadow: 0px 4px 20px 0px #00000066;
    outline: 2px solid #c7c2be;
    outline-offset: -1px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 569px) {
    .golden-video__video {
        border-radius: 12px;
    }
}

.golden-video__decoration {
    position: absolute;
    width: 100%;
    max-width: clamp(3.438rem, -0.267rem + 7.437vi, 6.938rem);
    left: clamp(-6.937rem, 0.267rem + -7.437vi, -3.437rem);
    top: 0;
    z-index: 1;
}

@media screen and (max-width: 569px) {
    .golden-video__decoration {
        top: unset;
        bottom: clamp(-11rem, -5.7156rem + -14.8594vi, -8.6875rem);
        transform: rotate(270deg);
        left: clamp(7.0625rem, 1.681rem + 26.9076vi, 11.25rem);
        max-width: clamp(2.6875rem, 1.7236rem + 4.8193vi, 3.4375rem);
    }
}

/* Product - points */
.golden-product {
    position: relative;
}

@media screen and (max-width: 569px) {
    .golden-product {
        transform: translateX(-17px);
    }
}

.golden-product__img {
    width: 100%;
    max-width: 678px;
}

.golden-marker {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.golden-marker__1 {
    top: clamp(3.75rem, -1.932rem + 11.4068vw, 5.625rem);
    /* 90px -> 60px*/
    right: clamp(-0.5rem, -7.6972rem + 14.4487vw, 1.875rem);
    /* 30px -> -8px*/
}

@media screen and (max-width: 796px) {
    .golden-marker__1 {
        top: 74px;
        right: 66px;
    }
}

@media screen and (max-width: 710px) {
    .golden-marker__1 {
        top: clamp(0.25rem, -3.9038rem + 20.7692vw, 5.3125rem);
        right: clamp(-0.6875rem, -4.6362rem + 19.7436vw, 4.125rem);
    }
}

.golden-marker__2 {
    top: clamp(1.0625rem, -1.3997rem + 4.943vw, 1.875rem);
    /* 30px -> 17px */
    right: clamp(-4.875rem, -13.0192rem + 16.3498vw, -2.1875rem);
    /* -35px -> -78px */
}

@media screen and (max-width: 796px) {
    .golden-marker__2 {
        top: -35px;
        right: 138px;
    }
}

@media screen and (max-width: 710px) {
    .golden-marker__2 {
        top: clamp(-2.4375rem, -2.6426rem + 1.0256vw, -2.1875rem);
        right: clamp(0.9375rem, -4.9599rem + 29.4872vw, 8.125rem);
    }
}

.golden-marker__3 {
    top: clamp(0.625rem, -1.269rem + 3.8023vw, 1.25rem);
    /* 20px -> 10px */
    left: clamp(8.125rem, -3.2391rem + 22.8137vw, 11.875rem);
    /* 190px -> 130px */
}

@media screen and (max-width: 796px) {
    .golden-marker__3 {
        top: 20px;
        left: 199px;
    }
}

@media screen and (max-width: 710px) {
    .golden-marker__3 {
        top: clamp(-0.5625rem, -2.0497rem + 7.4359vw, 1.25rem);
        left: clamp(3.4375rem, -3.9471rem + 36.9231vw, 12.4375rem);
    }
}

.golden-marker__4 {
    top: clamp(6.75rem, -7.8339rem + 29.2776vw, 11.5625rem);
    /* 185px -> 108px */
    left: clamp(0.375rem, -11.7467rem + 24.3346vw, 4.375rem);
    /* 70px -> 6px */
}

@media screen and (max-width: 796px) {
    .golden-marker__4 {
        top: 145px;
        left: 160px;
    }
}

@media screen and (max-width: 710px) {
    .golden-marker__4 {
        top: clamp(1rem, -5.6154rem + 33.0769vw, 9.0625rem);
        left: clamp(1.5rem, -5.4744rem + 34.8718vw, 10rem);
    }
}

.golden-marker__5 {
    bottom: clamp(11.875rem, -4.0347rem + 31.9392vw, 17.125rem);
    /* 274px -> 190px */
    left: clamp(-4.375rem, -11.004rem + 13.308vw, -2.1875rem);
    /* -35px -> -70px */
}

@media screen and (max-width: 796px) {
    .golden-marker__5 {
        bottom: 271px;
        left: 0;
        /* */
        right: 135px;
    }
}

@media screen and (max-width: 710px) {
    .golden-marker__5 {
        bottom: clamp(5.375rem, -4.1122rem + 47.4359vw, 16.9375rem);
        right: clamp(-0.25rem, -7.3782rem + 35.641vw, 8.4375rem);
    }
}

.golden-marker__desc {
    position: relative;
    margin-block-end: 23px;
}

.golden-marker__desc--2line {
    margin-block-end: 49px;
}

@media screen and (max-width: 796px) {
    .golden-marker__desc--marker1 {
        margin-block-end: 40px;
    }
}

@media screen and (max-width: 797px) {
    .golden-marker__desc--marker2 {
        margin-block-end: 40px;
    }
}

@media screen and (max-width: 797px) {
    .golden-marker__desc--marker4 {
        margin-block-end: 79px;
    }
}

@media screen and (max-width: 797px) {
    .golden-marker__desc--marker5 {
        margin-block-end: 57px;
    }
}

.golden-marker__desc::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    background: var(--marker-line-color);
    height: 1px;
}

.golden-marker__desc--left::after {
    left: 0;
}

.golden-marker__desc--right::after {
    left: 100%;
}

.golden-marker__txt {
    margin: 0;
    opacity: 0;
    color: var(--primary-dark-color);
    font-size: var(--fn-size-markers);
}

@media screen and (max-width: 797px) {
    .golden-marker__txt {
        line-height: 20px;
    }
}

.golden-marker__txt--right {
    padding-right: 15px;
}

.golden-marker__txt--left {
    padding-left: 25px;
}

.golden-marker__txt--leftLong {
    padding-left: 70px;
}

@media screen and (max-width: 797px) {
    .golden-marker__txt--leftMarker1 {
        padding-left: 37px;
        text-align: right;
    }
}

@media screen and (max-width: 710px) {
    .golden-marker__txt--leftMarker1 {
        padding-left: clamp(1.3125rem, 0.492rem + 4.1026vw, 2.3125rem);
    }
}

@media screen and (max-width: 797px) {
    .golden-marker__txt--leftMarker2 {
        padding-left: clamp(1.5625rem, -0.3283rem + 9.4538vw, 4.375rem);
        text-align: right;
    }
}

@media screen and (max-width: 797px) {
    .golden-marker__txt--leftMarker5 {
        padding-left: clamp(1.75rem, 0.8256rem + 4.6218vw, 3.125rem);
        padding-right: 0;
        text-align: right;
    }
}

@media screen and (max-width: 797px) {
    .golden-textBreaker {
        display: none;
    }
}

@media screen and (min-width: 797px) {
    .golden-textBreaker--mobile {
        display: none;
    }
}

.golden-marker__img {
    opacity: 0;
    width: 100%;
    max-width: clamp(2.375rem, 0.969rem + 2.8226vw, 2.8125rem);
}

@media screen and (max-width: 797px) {
    .golden-marker__img {
        max-width: clamp(1.625rem, 1.1208rem + 2.521vw, 2.375rem);
    }
}

@media screen and (min-width: 797px) {
    .golden-marker__img--marker5mobile {
        display: none;
    }
}

@media screen and (max-width: 796px) {
    .golden-marker__img--marker5desktop {
        display: none;
    }
}

.golden-marker.active .golden-marker__img {
    animation-name: fadeIn;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-duration: .5s;
}

.golden-marker.active .golden-marker__desc--right::after {
    animation-name: lineUpR;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-duration: .5s;
    animation-delay: .5s;
}

.golden-marker.active .golden-marker__desc--left::after {
    animation-name: lineUpL;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-duration: .5s;
    animation-delay: .5s;
}

.golden-marker.active .golden-marker__txt {
    animation-name: fadeIn;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-duration: .5s;
    animation-delay: 1s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes lineUpR {
    0% {
        width: 0%;
        left: 100%;
    }

    50% {
        width: 50%;
        left: 50%;
    }

    100% {
        width: 100%;
        left: 0;
    }
}

@keyframes lineUpL {
    0% {
        width: 0%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%
    }
}

.golden-product__decoration {
    position: absolute;
    top: 0;
    right: clamp(0.9375rem, -2.8225rem + 18.8vw, 15.625rem);
    width: 100%;
    max-width: clamp(4.0625rem, 2.0465rem + 10.08vw, 11.9375rem);
}

/* Products*/
.golden-products__layout {
    grid-area: main;
    display: flex;
    flex-grow: 1;
    position: relative;
}

@media screen and (min-width: 797px) {
    .golden-products__layout {
        padding-block-start: 20px;
    }
}

.golden-products__content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 30px repeat(2, 1fr) 40px 30px;
    grid-template-areas:
        ". img ."
        "tl img dsc"
        "tl img dsc"
        "bt img dsc"
        ". img .";
}

@media screen and (max-width: 796px) {
    .golden-products__content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-template-areas:
            "tl tl"
            "img dsc"
            "img dsc"
            "bt dsc";
        padding-inline: 15px;
    }
}

@media screen and (max-width: 469px) {
    .golden-products__content {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
            "tl"
            "img"
            "bt"
            "dsc";
    }
}

.golden-products__title {
    grid-area: tl;
    color: var(--secondary-dark-color);
    font-size: var(--fn-size-products-title);
    line-height: var(--fn-size-products-title);
    font-weight: 700;
    text-align: left;
    margin: 0;
    justify-self: end;
    align-self: end;
    transform: translateX(clamp(1.5rem, -10.4554rem + 24.031vw, 13.125rem));
}

.golden-products__title--oneline {
    transform: none;
}

@media screen and (max-width: 796px) {
    .golden-products__title {
        width: 100%;
        text-align: left;
        align-self: center;
        justify-self: start;
        transform: none;
    }
}

@media screen and (max-width: 469px) {
    .golden-products__title {
        width: 50%;
        justify-self: start;
        align-self: center;
        text-align: left;
    }
}

.golden-products__buttonWrapper {
    grid-area: bt;
    justify-self: end;
    align-self: start;
    width: 50%;
}

@media screen and (max-width: 1309px) {
    .golden-products__buttonWrapper {
        width: fit-content;
    }
}

@media screen and (max-width: 796px) {
    .golden-products__buttonWrapper {
        align-self: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 469px) {
    .golden-products__buttonWrapper {
        margin-block-end: 25px;
    }
}

.golden-products__button {

    background: var(--bg-products-button);
    color: var(--fn-products-color);
    font-weight: 700;
    border: none;
    border-radius: 28px;
    padding: 10px 35px;
    width: fit-content;
    cursor: pointer;
    transition: background .6s ease-in;
}

.golden-products__button:hover {
    background: var(--bg-products-button-hover);
}

.golden-products__picture {
    grid-area: img;
    align-self: center;
}

@media screen and (max-width: 469px) {
    .golden-products__picture {
        margin-block-end: 15px;
    }
}

.golden-products__img {
    width: 100%;
    max-width: 640px;
}

.golden-products__description {
    grid-area: dsc;
    align-self: stretch;
    font-size: var(--fn-size-products-description);
    color: var(--primary-dark-color);
    display: flex;
    align-items: center;
}

@media screen and (max-width: 429px) {
    .golden-products__description {
        width: 100%;
    }
}

.golden_products__list {
    list-style: none !important;
    padding: 0 !important;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}

@media screen and (max-width: 796px) {
    .golden_products__list {
        width: 100%;
        height: auto;
    }
}

.golden-products__listItem {
    border-block-end: 1px solid #7e6b5f6b;
    padding-inline-start: 15px;
    line-height: 16px;
    transition: all 0.3s ease-in;
}

@media screen and (min-width: 569px) {
    .golden-products__listItem:hover {
        scale: 1.1;
    }
}

.golden-bottom__txt {
    font-size: var(--fn-size-bottom);
    color: var(--primary-dark-color);
    font-weight: 700;
    text-align: center;
    margin-block-start: 80px;
    margin-block-end: 70px;
}

/* iSize LP */
:root {
    --is-fs-button: min(max(3.188vw, 14px), 16px);
    --is-block-width: calc(100% - 12rem);
    --is-block-width-middle: calc(100% - 6rem);
    --is-block-width-mobile: calc(100% - 1rem);
}

.iSizeSeats {
    width: 100%;
    max-width: 1372px;
    margin: 0 auto;
    margin-top: 15px;
    color: #3B444D;
    font-size: min(max(1.73vw, 14px), 18px);
    font-weight: 400;
    font-family: 'League Spartan', sans-serif;
    position: relative;
}

.isizeDivWrapper {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 5;
}

.isizeStickyWrapper {
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 3;
    display: flex;
    justify-content: end;
}

@media screen and (width < 768px) {
    .isizeStickyWrapper {
        display: none;
    }
}

.isizeStickyWrapper[active] {
    visibility: visible;
    opacity: 1;
}

.isizeStickyWrapper[hide] {
    visibility: hidden;
    opacity: 0;
}

.isizeStickyItem {
    width: auto;
    height: 100%;
    max-height: 550px;
}

.iSizeHeader {
    width: 100%;
    max-width: 1372px;
    display: grid;
    margin-block-end: 25px;
}

.iSizeHeader__background {
    width: 100%;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}

@media screen and (width < 992px) {
    .iSizeHeader__background--desktop {
        display: none;
    }
}

.iSizeHeader__background--middle {
    display: none;
}

@media screen and (482px < width <=992px) {
    .iSizeHeader__background--middle {
        display: block;
    }
}

@media screen and (width >=482px) {
    .iSizeHeader__background--mobile {
        display: none;
    }
}

.iSizeHeader__body {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    width: 35%;
    justify-self: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

@media screen and (max-width: 992px) {
    .iSizeHeader__body {
        justify-self: center;
        align-self: start;
        width: 100%;
        padding-inline-start: 16px;
        padding-block-start: max(7vw / 2, 12px);
    }
}

.iSizeHeader__titleHighlight {
    font-size: min(max(6.2vw, 60px), 75px);
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.15;
}

.iSizeHeader__title {
    font-size: min(max(4.6vw, 35px), 55px);
    font-weight: 300;
    color: #fff;
    margin: 0;
    line-height: 1.15;
}

@media screen and (992px > width > 482px) {
    .iSizeHeader__title--desktop {
        display: none;
    }
}

.iSizeHeader__title--mobile {
    display: none;
}

@media screen and (482px < width <=992px) {
    .iSizeHeader__title--mobile {
        display: inline;
    }
}

.isizeSectionBlock {
    width: var(--is-block-width);
    margin-inline: auto;
    margin-block-end: 45px;
}

@media screen and (max-width: 999px) {
    .isizeSectionBlock {
        width: var(--is-block-width-middle);
    }
}

@media screen and (max-width: 768px) {
    .isizeSectionBlock {
        width: var(--is-block-width-mobile);
    }
}

.iSizeSectionHeader {
    font-size: min(max(3.41vw, 28px), 40px);
    font-weight: 700;
    margin-block: 0 10px;
}

.isizeSectionBlock:has(.iSizeSectionHeader) {
    margin-block-end: 15px;
}

.iSizeSectionHeader--compare {
    text-align: center;
    margin-block-end: 6rem;
}

.iSizeSectionDesc {
    margin-block-end: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

@media screen and (max-width: 768px) {
    .iSizeSectionDesc {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .iSizeSectionDesc__img {
        float: left;
        margin-right: 8px;
    }
}

.iSizeSectionDesc__body {
    line-height: 22px;
}

.iSizeTextHighlight {
    font-weight: 600;
}

.isizePhotoSection {
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin-block-end: 45px;
    clear: both;
}

@media screen and (max-width: 999px) {
    .isizePhotoSection {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .isizePhotoSection {
        width: 100%;
    }
}

.page-cms .iSizeSeats .isizePhotoSectionList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.isizePhotoSection__img {
    width: 100%;
    max-width: 799px;
    border-radius: 16px;
}

@media screen and (max-width: 999px) {
    .isizePhotoSection__img {
        max-width: 100%;
    }
}

@media screen and (max-width: 999px) {
    .isizePhotoSection__img--desktop {
        display: none;
    }
}

@media screen and (min-width: 999px) {
    .isizePhotoSection__img--mobile {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .isizePhotoSection__img {
        border-radius: 0;
    }
}

.isizePhotoSectionBody {
    width: 40%;
    max-width: 450px;
    padding: 25px 15px 15px;
    position: absolute;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.10);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 999px) {
    .isizePhotoSectionBody {
        position: relative;
        width: calc(100% - 2em);
        max-width: 799px;
        margin-inline: auto;
        top: unset;
        transform: translateY(1rem);
    }
}

.isizePhotoSection__listItem {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.isizePhotoSection__listItem:first-child {
    margin-block-end: 10px;
}

.isizePhotoSectionBody__desc {
    line-height: 22px;
    margin: 0;
}

.isizeHighlightSection {
    background: #008481;
    border-radius: 16px;
    padding: 20px;
}

.isizeHighlightSection__body {
    color: #fff;
    line-height: 22px;
}

.isizeHighlightSection__body:first-child {
    margin-block-end: 20px;
}

.isizeHighlightSection--light {
    background: #F1952A;
}

.isizeHighlightSection__title {
    color: #fff;
    font-size: min(max(3.41vw, 28px), 40px);
    font-weight: 700;
    margin-block: 0 10px;
}

@media screen and (max-width: 768px) {
    .isizeMoreSection {
        transition: max-height .75s ease, margin-block .75s ease;
        max-height: 0px;
        overflow: hidden;
        margin-block: 0;
    }

    .isizeMoreSection[open] {
        max-height: 500px;
        margin-block: 1em;
        transition: max-height .75s ease-in, margin-block .75s ease-in;
    }
}

.isizeMoreButtonWrapper {
    display: none;
    justify-content: flex-end;
}

@media screen and (max-width: 768px) {
    .isizeMoreButtonWrapper {
        display: flex;
    }
}

.isizeMoreButton {
    display: flex;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    background: none;
    border: none;
    color: #fff;
}

.isizeMoreButton:hover {
    color: #e9e8e8;
}

.isizeMoreButton__arrow {
    transition: transform .75s ease;
    transform: rotate(180deg);
    width: 18px;
}

.isizeMoreButton__arrow[open] {
    transform: rotate(0deg);
    transition: transform .75s ease-in;
}

.isizeFeatures {
    margin-block-end: 45px;
    display: grid;
    gap: 10px 0;
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 768px) {
    .isizeFeatures {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media screen and (max-width: 768px) {
    .isizeFeatures__item:nth-child(2n +1) {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 768px) {
    .isizeFeatures__item:nth-child(2n) {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 768px) {
    .isizeFeatures__item--safety {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .isizeFeatures__itemTitle--safety {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        display: flex;
        align-items: center;
    }

    .isizeFeatures__item--headrest {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .isizeFeatures__itemTitle--headrest {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        display: flex;
        align-items: center;
    }

    .isizeFeatures__item--grow {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .isizeFeatures__itemTitle--grow {
        grid-column: 2 / 3;
        grid-row: 3 / 4;
        display: flex;
        align-items: center;
    }

    .isizeFeatures__item--isofix {
        grid-column: 2 / 3;
        grid-row: 4 / 5;
    }

    .isizeFeatures__itemTitle--isofix {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
        display: flex;
        align-items: center;
    }
}

.isizeFeatures__itemPic {
    width: 100%;
    max-width: 300px;
}

@media screen and (max-width: 768px) {
    .isizeFeatures__itemTitle:nth-child(2n +1) {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 768px) {
    .isizeFeatures__itemTitle:nth-child(2n) {
        justify-content: flex-end;
    }
}

.isizeFeatures__titleWrapper {
    max-width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.isizeFeatures__title {
    text-align: center;
    font-size: var(--is-fs-button);
    margin: 0;
}

@media screen and (max-width: 768px) {
    .isizeFeatures__title--left {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .isizeFeatures__title--right {
        text-align: right;
    }
}

.isizeProductsItem {
    display: grid;
    grid-template-columns: 45% 1fr;
    grid-template-areas:
        "hd img"
        "dn img"
        "dn img"
        "bt img";
    z-index: 0;
    top: 0;
    transition: top 0.2s linear;
    margin-block: 40px;
    min-height: 450px;
}

@media screen and (max-width: 768px) {
    .isizeProductsItem {
        grid-template-columns: 1fr;
        grid-template-areas:
            "hd"
            "dn"
            "img"
            "bt"
        ;
    }
}

.isizeHighlightSection__title--products {
    color: #3B444D;
    grid-area: hd;
    padding-inline-start: 1rem;
    padding-block-start: 2rem;
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 366px) {
    .isizeHighlightSection__title--products {
        margin-bottom: 30px;
    }
}

.isizeNewItem:after {
    content: "Coming soon";
    display: block;
    position: absolute;
    left: 103%;
    padding: 5px 8px 3px;
    background: #007574;
    border-radius: 6px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    width: max-content;
}

@media screen and (max-width: 366px) {
    .isizeNewItem:after {
        left: 1rem;
        bottom: -30px;
    }
}

.isizeProductBodyWrapper {
    grid-area: dn;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .isizeProductBodyWrapper {
        justify-self: center;
    }
}

.isizeProductListItem {
    line-height: 33px;
}

.isizeProductButtonWrapper {
    grid-area: bt;
    padding-inline-start: 1rem;
}

@media screen and (max-width: 768px) {
    .isizeProductButtonWrapper {
        justify-self: center;
    }
}

.isizeProductButton {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-size: var(--is-fs-button);
    display: block;
    width: fit-content;
    padding: 15px 25px;
    margin-block-end: 15px;
    border-radius: 6px;
    background-color: #007474;
    transition: color .4s ease-in, background-color .4s ease-in;
}

.isizeProductButton:hover {
    color: #fff;
    background-color: #015B5B;
}

.isizeProductVideo {
    grid-area: vd;
    padding-inline-start: 1rem;
}

@media screen and (max-width: 768px) {
    .isizeProductVideo {
        padding-inline-start: 0;
    }
}

.isizeProductImgWrapper {
    grid-area: img;
    justify-self: center;
    align-self: start;
    height: 100%;
    display: flex;
    align-items: center;
}

.isizeProductImg {
    width: 100%;
    max-width: 550px;
}

.isizeProductBanner {
    width: 100%;
}

@media screen and (max-width: 1080px) {
    .isizeProductBanner--desktop {
        display: none;
    }
}

@media screen and (min-width: 1080px) {
    .isizeProductBanner--tablet {
        display: none;
    }
}

.isizeProductBannerWrapper {
    z-index: 2;
    position: relative;
    /* margin-block-end: 30px; */
}

.isizeVidLP {
    margin: 0;
    transform: translate3d(0px, 0.1509px, 0px);
    opacity: 1;
    overflow: hidden;
    width: 80%;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .isizeVidLP {
        margin: 0 auto;
        width: 100%;
    }
}

.isizeVidLP iframe {
    border-radius: 8px;
    box-shadow: 0 -1px 7px -1px rgb(0 0 0/66%);
    -webkit-box-shadow: 0 -1px 7px -1px rgb(0 0 0/66%);
    width: 100%;
    min-height: 230px;
}

@media screen and (max-width: 768px) {
    .isizeVidLP iframe {
        min-height: 280px;
    }
}

.isizeMiddleSection {
    padding-block-start: 5rem;
    padding-block-end: 35px;
    background: #FAF9F9;
    z-index: 6;
    position: relative;
}

@media screen and (max-width: 992px) {
    .isizeMiddleSection {
        display: none;
    }
}

.isizeBottomSection {
    display: block;
    padding-block: 0;
    background: none;
    z-index: 6;
    position: relative;
}

@media screen and (min-width: 992px) {
    .isizeBottomSection {
        display: none;
    }
}

.isizeBottomSection--mobile {
    width: 100%;
    display: grid;
}

.isizeBottomMobile__picture {
    grid-column: 1/-1;
    grid-row: 1/-1;
    z-index: 1;
}

.isizeBottomSection--mobile img {
    width: 100%;
}

.isizeBottomMobile__body {
    color: #fff;
    grid-column: 1/-1;
    grid-row: 1/-1;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.isizeProductText {
    font-size: min(max(4.54vw, 26px), 40px);
    color: #fff;
    text-align: center;
    text-shadow: 0 4px 8px rgba(0, 0, 0, .4);
    margin: 0;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

.isizeProductButton--bottom {
    margin-block-start: 0;
    margin-block-end: 25px;
}

.isizeBottomMobile__link {
    grid-column: 1/-1;
    grid-row: 1/-1;
    z-index: 3;
    cursor: pointer;
}

/* @media screen and (max-width: 992px){
    .isizeComapreWrapper{
        display: grid;
        grid-template-columns: 40% 60%;
        grid-template-areas: 
        "lc rc";
        padding-inline: 10px;
        gap: 10px;
    }
} */

.isizeCompare {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    background-image: url(/img/cms/foteliki_isize/miarka_tlo_porownywarka.png);
    background-repeat: no-repeat;
    background-position: bottom 15px center;
    background-size: contain;
    width: calc(100% - 20px);
    margin-inline: auto;
    position: relative;
}

/* @media screen and (max-width: 1417px){
	.isizeCompare{
	 background-position: bottom clamp(-0.9375rem, -11.3062rem + 13.8249vi, 0.9375rem) center;
	}
} */

/* @media screen and (max-width: 992px){
    .isizeCompare{
        grid-template-columns: 1fr;
        width: 90%;
        grid-area: rc;
        background-image: url(/img/cms/foteliki_isize/miarka_tlo_porownywarka_mobile.png);
        background-position: left -19px center;
        padding-inline-start: 23px;
    }
} */

.isizeCompareItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.isizeCompareItem[active] {
    transform: scale(1.12);
}

/* @media screen and (max-width: 992px){
    .isizeCompareItem{
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin-block-end: 10px;
    }
} */

.isizeCompareItem__titleWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 46px;
}

@media screen and (max-width: 1199px) {
    .isizeCompareItem__titleWrapper {
        min-height: 36px;
    }
}

@media screen and (max-width: 992px) {
    .isizeCompareItem__titleWrapper {
        align-items: flex-start;
    }
}

.isizeCompareItem__title {
    font-size: 1.0625rem;
    margin: 0;
    line-height: 20px;
}

@media screen and (max-width: 1417px) {
    .isizeCompareItem__title {
        font-size: clamp(0.875rem, -0.1619rem + 1.3825vi, 1.0625rem);
    }
}

@media screen and (max-width: 1199px) {
    .isizeCompareItem__title {
        font-size: 11px;
        line-height: 15px;
    }
}

.isizeCompareItem__title--Highlight {
    font-weight: 700;
}

.isizeCompareItem__pic {
    width: auto;
    max-width: 100px;
    max-height: 277px;
}

@media screen and (max-width: 1420px) {
    .isizeCompareItem__pic {
        max-width: clamp(85px, 3.1818px + 6.8182vi, 100px);
    }
}

@media screen and (max-width: 1199px) {
    .isizeCompareItem__pic {
        max-width: 69px;
    }
}

@media screen and (max-width: 992px) {
    .isizeCompareItem__pic--desktop {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .isizeCompareItem__pic--mobile {
        display: none;
    }
}

.isizeCompareArrows {
    width: calc(100% - 10px);
    margin-inline: auto;
    transform: translateY(5px);
}

@media screen and (max-width: 992px) {
    .isizeCompareArrows {
        grid-area: lc;
        width: auto;
        transform: unset;
        margin-inline: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}

@media screen and (max-width: 386px) {
    .isizeCompareArrows {
        justify-content: flex-start;

    }
}

.isizeCompareArrow {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .isizeCompareArrow {
        width: auto;
    }
}

@media screen and (max-width: 992px) {
    .isizeCompareArrow--desktop {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .isizeCompareArrow--mobile {
        display: none;
    }
}

.isizeCompareItem__rangeWrapper {
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s ease-in, opacity .3s ease-in;
}

@media screen and (max-width: 992px) {
    .isizeCompareItem__rangeWrapper {
        display: none;
    }
}

.isizeCompareItem[active] .isizeCompareItem__rangeWrapper {
    visibility: visible;
    opacity: 1;
}

.isizeCompareItem__range {
    color: #F1952A;
    font-size: 1.1875rem;
    font-weight: 700;
    margin-block: 5px 5px;
}

@media screen and (max-width: 1417px) {
    .isizeCompareItem__range {
        font-size: clamp(1rem, -0.0369rem + 1.3825vi, 1.1875rem);
    }
}

@media screen and (max-width: 1199px) {
    .isizeCompareItem__range {
        font-size: 13px;
        line-height: 16px;
    }
}

.isizeInputWrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
    transform: translateY(20px);
}

@media screen and (max-width: 992px) {
    .isizeInputWrapper {
        display: none;
    }
}

.isizeInput {
    width: calc(100% - 40px);
    margin-inline: auto;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    height: 12px;
    background: linear-gradient(180deg, #B7AB9D 0.98%, #F1952A 75.5%);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.40) inset;
    border-radius: 15px;
}

.isizeInput::-webkit-slider-runnable-track {
    height: 12px;
    background: linear-gradient(180deg, #B7AB9D 0.98%, #F1952A 75.5%);
    opacity: 0.4;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.40) inset;
    border-radius: 15px;
}

.isizeInput::-moz-range-track {
    height: 12px;
    background: linear-gradient(180deg, #B7AB9D 0.98%, #F1952A 75.5%);
    opacity: 0.4;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.40) inset;
    border-radius: 15px;
}

.isizeInput::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 23px;
    width: 23px;
    background-color: #F1952A;
    box-shadow: 1px 1px 1px 0px #E1EDAD66 inset;
    border-radius: 50%;
    border: none;
    transform: translateY(-5px);
    transition: .2s ease-in-out;
}

.isizeInput::-moz-range-thumb {
    height: 23px;
    width: 23px;
    background-color: #F1952A;
    box-shadow: 1px 1px 1px 0px #E1EDAD66 inset;
    border-radius: 50%;
    border: none;
    transform: translateY(-5px);
    transition: .2s ease-in-out;
}

.isizeInput::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px #f5a84f;
}

.isizeInput::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px #f5a84f;
}