.scroll-animation-fade [data-anim-delay]{opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.scroll-animation-fade [data-anim-delay].scroll-animation-visible{opacity:1;transform:translateY(0)}.scroll-animation-pop-in [data-anim-delay]{opacity:0;transform:scale(.3) translateY(30px) rotateX(15deg);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.scroll-animation-pop-in [data-anim-delay].scroll-animation-visible{opacity:1;transform:scale(1) translateY(0) rotateX(0deg)}.loyalty-hero{background:linear-gradient(-61deg,#90e6cf,#90e6cf 20%,#8ea 80%,#8ea);height:720px;margin-top:-48px;position:relative;width:100%}@media (min-width:1001px){.loyalty-hero{height:665px;margin-top:-76px}}.loyalty-hero>div{background-image:url(/wp-content/themes/yamdiet/assets/images/page-loyalty/v25/loyalty-hero-bg-m.svg);background-position:50%;background-size:cover;height:100%;margin:0 auto;max-width:1360px;width:100%}@media (min-width:1001px){.loyalty-hero>div{background-image:url(/wp-content/themes/yamdiet/assets/images/page-loyalty/v25/loyalty-hero-bg.svg);mask:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent);-webkit-mask:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent)}}.loyalty-hero .container{display:flex;height:100%;position:relative}@media (max-width:1000px){.loyalty-hero .container{max-width:414px}}@media (min-width:1001px){.loyalty-hero .container{align-items:center}}.loyalty-hero picture{bottom:90px;position:absolute}.loyalty-hero picture>img{display:block;height:468px;width:381px}@media (min-width:1001px){.loyalty-hero picture{bottom:0;right:25px}.loyalty-hero picture>img{height:539px;width:569px}}.loyalty-hero-content{display:flex;flex-direction:column;gap:20px;width:100%}@media (min-width:1001px){.loyalty-hero-content{max-width:356px}}@media (max-width:1000px){.loyalty-hero-content{justify-content:flex-end;padding-bottom:32px;padding-top:72px;z-index:10}}.loyalty-hero-content h1{font-size:46px;font-weight:400;line-height:1.1;margin:0}.loyalty-hero-content h1 strong{display:block;font-size:60px;font-weight:600;padding-top:6px}@media (max-width:1000px){.loyalty-hero-content h1{font-size:28px;margin-bottom:auto;text-align:center}.loyalty-hero-content h1 strong{font-size:32px}}.loyalty-hero-content input[type=button]{height:47px}.loyalty-hero-content ul{display:flex;gap:8px;list-style:none;margin:0;padding:0}.loyalty-hero-content ul li{flex:1;font-size:16px;font-weight:300;padding-right:8px;text-align:center}.loyalty-hero-content ul li:not(:last-child){border-right:1px solid #2c2c2c}.f-grid{display:flex;flex-direction:column;gap:var(--f-grid-gap,20px)}.f-grid-row{display:flex;gap:var(--f-grid-row-gap,18px)}.f-grid-item{flex:1}@media (max-width:1000px){.f-grid{flex-direction:row;gap:var(--f-grid-gap,18px);overflow-x:auto}.f-grid-row{flex-shrink:0}.f-grid-item{flex:0 0 var(--f-grid-item-width,320px);min-width:var(--f-grid-item-width,320px)}}@media (max-width:430px){.f-grid{-ms-overflow-style:none;scrollbar-width:none}.f-grid::-webkit-scrollbar{display:none}}.loyalty-privileges h2{margin:0 0 63px}@media (max-width:1000px){.loyalty-privileges h2{margin-bottom:24px}}.loyalty-privileges .f-grid-item{background-color:#f8f8f8;border-radius:16px;height:354px;overflow:hidden;padding:24px;position:relative}.loyalty-privileges .f-grid-item picture{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.loyalty-privileges .f-grid-item picture img{display:block}.loyalty-privileges .f-grid-item-green{background-color:hsla(82,94%,73%,.502)}.loyalty-privileges .f-grid-item-green picture{left:0;transform:unset}.loyalty-privileges .f-grid-item h3{font-size:22px;font-weight:600;margin:0 0 16px}.loyalty-privileges .f-grid-item p{font-size:16px;font-weight:300;line-height:1.4;margin:0;position:relative;z-index:10}.loyalty-privileges .f-grid-item p strong{font-weight:600}.loyalty-privileges .f-grid-item .loyalty-pic-1{height:177px;width:296px}.loyalty-privileges .f-grid-item .loyalty-pic-2{height:162px;width:189px}.loyalty-privileges .f-grid-item .loyalty-pic-3{height:177px;width:202px}.loyalty-privileges .f-grid-item .loyalty-pic-4{height:201px;width:543px}.loyalty-privileges .f-grid-item .loyalty-pic-5{height:246px;width:583px}@media (max-width:1000px){.loyalty-privileges .f-grid-item .loyalty-pic-4,.loyalty-privileges .f-grid-item .loyalty-pic-5{height:auto;width:320px}}@media (max-width:430px){.loyalty-privileges .grid-container{padding:0}.loyalty-privileges .grid-container>.f-grid{padding:0 24px}}.loyalty-levels h2{margin:0 0 63px}@media (max-width:1000px){.loyalty-levels h2{margin-bottom:36px}}.loyalty-levels h3{font-size:26px;font-weight:500;margin:0 0 16px}@media (max-width:1000px){.loyalty-levels h3{font-size:20px}}.loyalty-levels p{font-size:16px;font-weight:300;line-height:1.4;margin:0}.loyalty-levels-content{display:flex;flex-direction:column;gap:60px}.loyalty-levels-content>div{display:flex}@media (max-width:1000px){.loyalty-levels-content>div{flex-direction:column;gap:24px}.loyalty-levels-content>div:last-child>div{order:2}.loyalty-levels-content>div:last-child picture{order:1}}@media (min-width:1001px){.loyalty-levels-content>div:first-child{gap:63px}.loyalty-levels-content>div:last-child{gap:40px}}.loyalty-levels-content>div>div{display:flex;flex-direction:column;justify-content:center}.loyalty-levels-pic-1{height:171px;width:495px}.loyalty-levels-pic-2{height:168px;width:504px}.loyalty-levels picture img{display:block}@media (max-width:1000px){.loyalty-levels picture img{height:auto;max-width:366px;width:auto}}.banner-app h3,.banner-app p{margin:0}.banner-app h3{font-size:26px;font-weight:500}.banner-app p{font-size:20px;font-weight:300;line-height:1.4;max-width:541px;width:100%}.banner-app picture{bottom:0;position:absolute}@media (min-width:1001px){.banner-app picture{left:87px}}.banner-app picture>img{display:block}.banner-app-wrapper{background-color:#f8f8f8;display:flex;height:643px;justify-content:center;padding:60px 24px 0;position:relative}@media (min-width:1001px){.banner-app-wrapper{align-items:center;border-radius:16px;gap:36px;height:290px;justify-content:flex-end;padding:0 50px 0 270px}}.banner-app-content{display:flex;flex-direction:column;gap:16px;max-width:656px;position:relative;z-index:10}.banner-app-btns{display:flex;gap:10px}@media (max-width:1000px){.banner-app-qr{display:none}.banner-app .container{padding:0}}@media (min-width:1001px){.banner-app .container{padding-top:100px}}.faq-v3{margin:0 auto;padding-bottom:100px;padding-top:100px;text-align:center}.faq-v3.container{max-width:1037px}.faq-v3 .title{font-size:28px;font-weight:700;margin:0 auto}.faq-v3 .title .title-span{color:var(--main-green,#00a550)}.faq-v3 .tabs{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:48px;overflow-x:auto}.faq-v3 .tab{align-items:center;border:1px solid var(--stroke-lk,#e4e4e4);border-radius:8px;box-sizing:border-box;color:var(--light-grey,#9ca9b5);cursor:pointer;display:inline-flex;flex-direction:column;height:100px;justify-content:flex-start;margin-left:0;min-width:85px;padding:16px 10px 12px;width:148px}.faq-v3 .tab.active{background-color:var(--main-green,#00a550);border-bottom-color:var(--main-green,#00a550);border-left-color:solid;border-right-color:solid;border-top-color:1px;color:#fff}.faq-v3 .tab.active .icon{--color-inverse:var(--main-green,#00a550);--color:#fff}.faq-v3 .tab .icon{--color-inverse:#fff;--color:var(--light-grey,#9ca9b5);align-items:center;display:flex;justify-content:center;margin:0 0 5px;max-height:31px;max-width:33px}.faq-v3 .tab .caption{font-size:16px;font-weight:700;line-height:20px;text-align:center}.faq-v3 .tab-content{margin-top:30px}.faq-v3 .tab-content .item{border-bottom:1px solid var(--stroke-lk,#9ca9b5);cursor:pointer;display:none;padding-bottom:31px;padding-top:31px;position:relative;text-align:left}.faq-v3 .tab-content .item.of-active-tab{display:block}.faq-v3 .tab-content .item .question{color:#162650;font-size:18px;font-weight:700;line-height:1.25;max-width:calc(100% - 40px);position:relative}.faq-v3 .tab-content .item .button-toggle{align-items:center;color:var(--light-grey,#9ca9b5);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;line-height:30px;padding:15px;position:absolute;right:-55px;text-align:center;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:30px}.faq-v3 .tab-content .item .button-toggle .icon{fill:var(--light-grey,#9ca9b5);max-height:80px;transition:transform .3s ease}.faq-v3 .tab-content .item .button-toggle.active .icon{fill:#162650;transform:rotate(135deg)}.faq-v3 .tab-content .item .answer{color:#162650;font-size:16px;font-weight:400;line-height:32px;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-in,opacity .4s,margin .4s;width:91%}.faq-v3 .tab-content .item.opened{padding-bottom:24px}.faq-v3 .tab-content .item.opened .answer{margin-top:28px;opacity:1}@media (max-width:650px){.faq-v3{padding-bottom:60px;padding-top:60px}.faq-v3 .tabs{gap:8px;justify-content:flex-start;margin-top:36px;overflow-x:auto}.faq-v3 .tab{min-width:124px}.faq-v3 .tab .icon{max-height:30px;max-width:30px}.faq-v3 .title{font-size:20px}.faq-v3 .tab-content{margin-top:12px}.faq-v3 .tab-content .item{font-size:16px;font-weight:400}.faq-v3 .tab-content .item .button-toggle{height:24px;width:24px}.faq-v3 .tab-content .item .question{font-size:16px;font-weight:700}.faq-v3 .tab-content .item .answer{font-size:16px;font-weight:400;line-height:32px;width:100%}}.faq-v3{padding-top:0}@media (min-width:1001px){.faq-v3{margin-top:60px;padding-bottom:120px}}@media (max-width:1000px){.faq-v3 .tab .caption{font-size:15px;font-weight:300}}.faq-v3.container{--main-green:#07aa70;--light-grey:#a6a6a6;max-width:1232px}.faq-v3.container .button-toggle{box-sizing:unset!important}.faq-v3.container .item{border-color:#e4e4e4!important}.faq-v3.container .item.last-active-item{border-bottom:none!important}@media (max-width:1000px){.faq-v3.container .item{padding:24px 0}}.faq-v3.container .item .answer,.faq-v3.container .item .question{color:#2c2c2c!important}.faq-v3.container .item .answer{font-size:15px}.faq-v3.container .item .question{align-items:center;display:flex;font-weight:500;min-height:25px}.faq-v3.container .tabs{gap:10px;margin-top:36px}.faq-v3.container .tabs .tab{flex:1}.page-loyalty section{padding:60px 0}.page-loyalty section h2{font-size:32px;font-weight:700}@media (max-width:1000px){.page-loyalty section h2{font-size:24px}}@media (min-width:1001px){.page-loyalty .banner-app .container,.page-loyalty .loyalty-levels{padding-top:100px}.page-loyalty .faq-v3{margin-top:48px}}