/* Loyalty banner */

.loyalty-banner{
    margin-bottom: 164px;
}
.loyalty-wrapper{
    position: relative;
    padding: 62px 0 70px clamp(50px,7.29vw,105px);
}
.loyalty-wrapper *{
    color: #fff;
}
.loyalty-wrapper picture img{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.loyalty-title, .loyalty-text{
    position: relative;
    z-index: 1;
}
.loyalty-title{
    font-size: 50px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}
.loyalty-text{
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    max-width: 442px;
    margin-top: 15px;
}

@media (max-width: 767.98px){
    .loyalty-banner .container{
        padding: 0;
    }
    .loyalty-banner{
        margin-bottom: 77px;
    }
    .loyalty-wrapper{
        padding: 27px 37px 27px 20px;
        aspect-ratio: 390/480;
    }
}

@media (max-width:576px){
    .loyalty-title{
        font-size: 30px;
    }
    .loyalty-text{
        font-size: 16px;
        margin-top: 5px;
    }
}



/* Loyalty details */

.loyalty-details{
    margin-bottom: 164px;
}
.loyalty-details .title{
    text-align: center;
}
.loyalty-details-items{
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 32px 1fr 32px 1fr;
    gap: 20px;
    align-items: center;
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
}
.loyalty-details-item{
    border: 3px solid #F6F6F6;
    height: 100%;
    display: grid;
    grid-template-rows: 168px;
}
.loyalty-details-icon{
    width: 139px;
    height: 136px;
    aspect-ratio: 139/136;
    object-fit: contain;
    display: block;
    margin: 17px auto 17px auto;
}
.loyalty-details-content{
    padding: 16px;
    background: #F6F6F6;
    text-align: center;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 900px){
    .loyalty-details-items{
        grid-template-columns: 1fr;
    }
    .loyalty-arrow{
        justify-self: center;
        transform: rotate(90deg);
    }
}

@media (max-width: 767.98px){
    .loyalty-details{
        margin-bottom: 80px;
    }
}

@media (max-width: 576px){
    .loyalty-details .title{
        line-height: 100%;
        margin-bottom: 24px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .loyalty-details-items{
        margin-top: 0;
    }
    .loyalty-details .container{
        padding: 0 30px;
    }
    .loyalty-details-items{
        gap: 20px;
    }
}



/* Loyalty table */

.loyalty-table{
    margin-bottom: 164px;
}
.loyalty-table-head{
    display: flex;
    align-items: flex-end;
    gap: 33px;
}
.loyalty-table-title span{
    color: #F1549D;
    font-size: 50px;
    text-transform: uppercase;
}
.loyalty-descr{
    color: #807D7E;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}
.loyalty-table-rows{
    margin-top: 32px;
}
.loyalty-table-row{
    display: grid;
    grid-template-columns: 1.52fr 1fr 1fr 1fr 1fr 1fr;
}
.loyalty-table-row:first-child .loyalty-table-col:first-child{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #222;
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
    position: relative;
}
.loyalty-table-row:first-child .loyalty-table-col:first-child:after{
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    width: 0;
    height: 0;
    border-left: 47.5px solid transparent;
    border-right: 47.5px solid transparent;
    border-bottom: 25px solid #fff; 
}

.loyalty-table-row:first-child .loyalty-table-col:not(:first-child){
    padding: 27px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    border: 1px solid #FFF;
    background: #F9D3E5;
    text-align: center;
}
.loyalty-table-row:not(:first-child) .loyalty-table-col:not(:first-child){
    padding: 39.5px 5px;
    color: #222;
    font-size: 20px;
    font-weight: 400;
    line-height: 138.125%;
    letter-spacing: 0.251px;
    text-align: center;
    border: 1px solid #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loyalty-table-col a{
    color: #222 !important;
}
.loyalty-table-row:not(:nth-child(1)) .loyalty-table-col:first-child{
    border: 1px solid #FFF;
    background: #97CCDC;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
    color: #222;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    padding: 0 20px;
}

.loyalty-table-row:nth-child(3) .loyalty-table-col:first-child{
    background: #F7EBA8;
}
.loyalty-table-row:nth-child(4) .loyalty-table-col:first-child{
    background: #ABACCB;
}

.loyalty-table-row:nth-child(2) .loyalty-table-col:first-child:before,
.loyalty-table-row:nth-child(3) .loyalty-table-col:first-child:before,
.loyalty-table-row:nth-child(4) .loyalty-table-col:first-child:before
{
    content:'';
    display: block;
    width: 40px;
    height: 40.5px;
    background:top left/contain no-repeat url('../img/new-star.png');
    flex-shrink: 0;
}

.loyalty-table-row:nth-child(3) .loyalty-table-col:first-child:before{
    background:top left/contain no-repeat url('../img/bright-star.png');
}
.loyalty-table-row:nth-child(4) .loyalty-table-col:first-child:before{
    background:top left/contain no-repeat url('../img/super-star.png');
}


@media (max-width: 1100px){
    .loyalty-table-row{
        width: 1100px;
    }
    .loyalty-table-rows{
        overflow-x: auto;
    }
    .loyalty-table-rows{
        margin-right: -20px;
    }
}

@media (max-width: 767.98px){
    .loyalty-table-title span{
        font-size: 30px;
    }
    .loyalty-table-head{
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }
    .loyalty-table-title{
        font-size: 20px;
        margin-bottom: 0;
    }
    .loyalty-descr{
        font-size: 16px;
    }
    .loyalty-table-row {
        grid-template-columns: 153px 1fr 1fr 1fr 1fr 1fr;
    }
    .loyalty-table-row .loyalty-table-col:first-child{
        width: 153px;
        font-size: 18px !important;
        padding: 0 10px !important;
        gap: 10px !important;
    }

    .loyalty-table-row:nth-child(2) .loyalty-table-col:first-child:before, 
    .loyalty-table-row:nth-child(3) .loyalty-table-col:first-child:before, 
    .loyalty-table-row:nth-child(4) .loyalty-table-col:first-child:before{
        width: 30px;
        height: 30px;
    }
    .loyalty-table-row:first-child .loyalty-table-col:not(:first-child), 
    .loyalty-table-row:not(:first-child) .loyalty-table-col:not(:first-child){
        font-size: 16px;
    }
    .loyalty-table{
        margin-bottom: 77px;
    }
    .loyalty-table-rows{
        margin-top: 24px;
    }
    .loyalty-table-row:first-child .loyalty-table-col:not(:first-child){
        padding: 35px 10px;
    }
    .loyalty-table-row:first-child .loyalty-table-col:first-child{
        font-size: 20px !important;
    }
    .loyalty-table-row:first-child .loyalty-table-col:first-child:after{
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 23px solid #fff;
    }
    .loyalty-table-col span{
        width: min-content;
    }
    .loyalty-table-row:not(:first-child) .loyalty-table-col:not(:first-child){
        padding: 26px 10px;
    }
    .loyalty-table-row:not(:first-child){
        min-height: 96px;
    }
    .loyalty-table-row:not(:first-child) .loyalty-table-col:first-child{
        justify-content: center;
        text-align: left;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 600px){
    .loyalty-table-row{
        width: 730px;
    }
}




/* Loyalty collect */
.loyalty-collect{
    background: #ACC4E5;
    margin-bottom: 164px;
    padding: 70px 0 79px;
}
.loyalty-collect .title{
    text-align: center;
}
.collect-items{
    max-width: 1070px;
    margin: 32px auto 0;
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr; */
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}
.collect-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.collect-icon{
    height: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.collect-title{
    text-align: center;
    margin-top: 40px;
    color: #222;
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
}
.collect-text{
    display: block;
    margin-top: 16px;
    color:  #222;
    text-align: center;
    font-family: "Inter";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 1200px){
    .collect-title br{
        display: none;
    }
}

@media (max-width: 991.98px){
    .collect-items{
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
}

@media (max-width: 767.98px){
    .collect-items{
        grid-template-columns: 1fr;
        gap: 40px;
        margin-top: 24px;
    }
    .loyalty-collect{
        padding: 47px 0;
    }
    .loyalty-collect .title{
        margin-bottom: 24px;
        line-height: 100%;
    }
    .collect-title{
        font-size: 24px;
    }
    .collect-text{
        font-size: 18px;
    }
    .loyalty-collect{
        margin-bottom: 80px;
    }
    .collect-title br{
        display: block;
    }
}



/* Loyalty box */
.loyalty-box{
    margin-bottom: 164px;
}
.loyalty-box-wrapper{
    max-width: 819px;
    border: 5px solid #F1549D;
    margin: 0 auto;
    padding: 37px 0;
}
.loyalty-box-content{
    max-width: 610px;
    margin: 0 auto;
}
.loyalty-box .title{
    text-align: center;
    margin-top: 27px;
}
.loyalty-box-icon{
    margin: 0 auto;
    width: 267px;
    height: 171px;
    display: block;
}
.loyalty-box-descr{
    margin-top: 32px;
    color:  #222;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
}
.loyalty-box-details{
    margin-top: 32px;
}

.loyalty-box-details ul{
    list-style-type: none;
}

.loyalty-box-details li{
    color: #807D7E;
    font-size: 20px;
    font-weight: 400;
    line-height: 138.125%;
    letter-spacing: 0.251px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.loyalty-box-details li:before{
    content:'';
    width: 24px;
    height: 24px;
    background: top left/contain no-repeat url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrIj4KPHBhdGggaWQ9Ikljb24iIGQ9Ik01IDEzTDkgMTdMMTkgNyIgc3Ryb2tlPSIjMzREMzk5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=');
    flex-shrink: 0;
}
.loyalty-box-details li:not(:last-child){
    margin-bottom: 16px;
}

@media (max-width: 767.98px){
    .loyalty-box-content{
        padding: 0 39px;
    }
    .loyalty-box{
        margin-bottom: 80px;
    }
    .loyalty-box-icon{
        width: 178.273px;
        height: 113.752px;
    }
    .loyalty-box .title{
        margin-top: 28px;
        line-height: 100%;
    }
    .loyalty-box-descr{
        font-size: 24px;
    }
    .loyalty-box-details li{
        font-size: 16px;
    }
}


/* Faq */

.loyalty-faq{
    padding: 78px 0;
    background: #F6F6F6;
}
.loyalty-faq .title{
    text-align: center;
}
.loyalty-faq .faq-wrapper{
    margin-top: 26px;
    max-width: 767.98px;
    margin-left: auto;
    margin-right: auto;
}

.loyalty-faq .faq-body a{
    color: #F1549D;
}

.loyalty-faq .faq-body{
    height: 0;
    opacity: 0;
    filter: blur(5px);
    max-height: unset !important;
}

.loyalty-faq .faq-head{
    font-size: 20px;
}
.loyalty-faq .faq-body{
    font-size: 20px;
}

.loyalty-faq .faq-item{
    border-color: #BEBCBD;
}

.loyalty-faq .faq-item.active .faq-body{
    opacity: 1;
    filter: blur(0);
    height: unset;
}

.loyalty-faq .faq-item svg path{
    transition: 300ms all;
}

.loyalty-faq .faq-item.active svg path {
    stroke: #F1549D;
}

.loyalty-faq .faq-item:last-child{
    border-bottom: none;
}

.faq-item svg{
    flex-shrink: 0;
}

@media (max-width: 767.98px){
    .loyalty-faq{
        padding: 30px 0;
    }
    .loyalty-faq .faq-item{
        padding: 24px 0;
    }
    .loyalty-faq .faq-head, .loyalty-faq .faq-body{
        font-size: 16px;
    }
    .loyalty-faq .faq-body{
        padding-right: 48px;
    }
    .loyalty-faq .title{
        line-height: 100%;
    }
    .loyalty-faq .container{
        padding: 0 32px;
    }
}



/* Loyalty button */
.loyalty-button{
    padding: 128px 0;
}

.loyalty-btn{
    display: block;
    width: fit-content;
    margin: 0 auto;
    background:#BEBCBD;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 30px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    transition: 300ms all;
}
.loyalty-btn:hover{
    opacity: 0.8;
}

@media (max-width: 767.98px){
    .loyalty-button{
        padding: 80px 0;
    }
    .loyalty-btn{
        text-align: center;
        padding: 4px 15px;
        min-height: 56px;
    }
}



/* Loyalty join */

.loyalty-join{
    padding: 62px 0 88px 0;
    position: relative;
}
.loyalty-join-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    user-select: none;
    pointer-events: none;
}
.loyalty-join-content{
    position: relative;
    z-index: 2;
}
.loyalty-join .title{
    text-align: center;
    line-height: 100%;
}
.loyalty-join .loyalty-btn--pink{
    margin-top: 32px;
    appearance: none;
    border:none;
    background: #F1549D;
    cursor: pointer;
}

@media (max-width: 767.98px){
    .loyalty-join{
        padding: 64px 0 76px;
        background: #F9D3E5;
    }
    .loyalty-join .title{
        font-size: 24px;
        margin-bottom: 32px;
    }
}

@media (max-width: 576px){
    .loyalty-join .title br{
        display: none;
    }
}



.content-block__content .wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}
.content-block__content .wp-block-table td,.wp-block-table th {
    border: 1px solid;
    padding: .5em
}



/* Blog table styles */

.blog-single__content .wp-block-table {
    overflow-x: auto
}

.blog-single__content .wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.blog-single__content .wp-block-table thead {
    border-bottom: 3px solid
}

.blog-single__content .wp-block-table tfoot {
    border-top: 3px solid
}

.blog-single__content .wp-block-table td,.blog-single__content .wp-block-table th {
    border: 1px solid;
    padding: .5em
}

.blog-single__content .wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.blog-single__content .wp-block-table .has-fixed-layout td,.blog-single__content .wp-block-table .has-fixed-layout th {
    word-break: break-word
}

.blog-single__content .wp-block-table.aligncenter,.blog-single__content .wp-block-table.alignleft,.blog-single__content .wp-block-table.alignright {
    display: table;
    width: auto
}

.blog-single__content .wp-block-table.aligncenter td,.blog-single__content .wp-block-table.aligncenter th,.blog-single__content .wp-block-table.alignleft td,.blog-single__content .wp-block-table.alignleft th,.blog-single__content .wp-block-table.alignright td,.blog-single__content .wp-block-table.alignright th {
    word-break: break-word
}

.blog-single__content .wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.blog-single__content .wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.blog-single__content .wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.blog-single__content .wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.blog-single__content .wp-block-table.is-style-stripes {
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0;
    border-collapse: inherit;
    border-spacing: 0
}

.blog-single__content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.blog-single__content .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.blog-single__content .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.blog-single__content .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.blog-single__content .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.blog-single__content .wp-block-table.is-style-stripes td,.blog-single__content .wp-block-table.is-style-stripes th {
    border-color: transparent
}

.blog-single__content .wp-block-table .has-border-color td,.blog-single__content .wp-block-table .has-border-color th,.blog-single__content .wp-block-table .has-border-color tr,.blog-single__content .wp-block-table .has-border-color>* {
    border-color: inherit
}

.blog-single__content .wp-block-table table[style*=border-top-color] tr:first-child,.blog-single__content .wp-block-table table[style*=border-top-color] tr:first-child td,.blog-single__content .wp-block-table table[style*=border-top-color] tr:first-child th,.blog-single__content .wp-block-table table[style*=border-top-color]>*,.blog-single__content .wp-block-table table[style*=border-top-color]>* td,.blog-single__content .wp-block-table table[style*=border-top-color]>* th {
    border-top-color: inherit
}

.blog-single__content .wp-block-table table[style*=border-top-color] tr:not(:first-child) {
    border-top-color: currentColor
}

.blog-single__content .wp-block-table table[style*=border-right-color] td:last-child,.blog-single__content .wp-block-table table[style*=border-right-color] th,.blog-single__content .wp-block-table table[style*=border-right-color] tr,.blog-single__content .wp-block-table table[style*=border-right-color]>* {
    border-right-color: inherit
}

.blog-single__content .wp-block-table table[style*=border-bottom-color] tr:last-child,.blog-single__content .wp-block-table table[style*=border-bottom-color] tr:last-child td,.blog-single__content .wp-block-table table[style*=border-bottom-color] tr:last-child th,.blog-single__content .wp-block-table table[style*=border-bottom-color]>*,.blog-single__content .wp-block-table table[style*=border-bottom-color]>* td,.blog-single__content .wp-block-table table[style*=border-bottom-color]>* th {
    border-bottom-color: inherit
}

.blog-single__content .wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
    border-bottom-color: currentColor
}

.blog-single__content .wp-block-table table[style*=border-left-color] td:first-child,.blog-single__content .wp-block-table table[style*=border-left-color] th,.blog-single__content .wp-block-table table[style*=border-left-color] tr,.blog-single__content .wp-block-table table[style*=border-left-color]>* {
    border-left-color: inherit
}

.blog-single__content .wp-block-table table[style*=border-style] td,.blog-single__content .wp-block-table table[style*=border-style] th,.blog-single__content .wp-block-table table[style*=border-style] tr,.blog-single__content .wp-block-table table[style*=border-style]>* {
    border-style: inherit
}

.blog-single__content .wp-block-table table[style*=border-width] td,.blog-single__content .wp-block-table table[style*=border-width] th,.blog-single__content .wp-block-table table[style*=border-width] tr,.blog-single__content .wp-block-table table[style*=border-width]>* {
    border-style: inherit;
    border-width: inherit
}



.blog-single__content .wp-block-image img{
    width: 100%;
    height: auto;
}

.bold-pink-menu a, .header-menu .nav_desc{
    color: #F1549D !important;
    font-weight: 700 !important;
}