/** Shopify CDN: Minification failed

Line 918:1 Expected "}" to go with "{"

**/
/* Welcome Header Section */
div#oke-loyalty-welcome-header .c-textBlock::before {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1;
    content: "WELCOME TO";
    display: inline-block;
    color: #fff;
    padding: 8px 24px;
    border-radius: 48px;
    font-family: var(--loyalty-secondary-font-family);
    margin-bottom: 15px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    min-height: 35px;
}

div#oke-loyalty-welcome-header h1.c-textBlock-title.u-textStyleEmbedded--h1:after {
    content: "";
    width: 100%;
    height: 12.5px;
    max-width: 400px;
    background-image: url("data:image/svg+xml,%3Csvg width='404' height='13' viewBox='0 0 404 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.5C9.94771 0.5 17.7908 0.5 25.5294 6.5C33.268 12.5 41.1111 12.5 49.0588 6.5C57.0065 0.5 64.8497 0.5 72.5882 6.5C80.3268 12.5 88.1699 12.5 96.1176 6.5C104.065 0.5 111.908 0.5 119.647 6.5C127.386 12.5 135.229 12.5 143.176 6.5C151.124 0.5 158.967 0.5 166.706 6.5C174.444 12.5 182.288 12.5 190.235 6.5C198.183 0.5 206.026 0.5 213.765 6.5C221.503 12.5 229.346 12.5 237.294 6.5C245.242 0.5 253.085 0.5 260.823 6.5C268.562 12.5 276.405 12.5 284.353 6.5C292.301 0.5 300.144 0.5 307.882 6.5C315.621 12.5 323.464 12.5 331.412 6.5C339.359 0.5 347.203 0.5 354.941 6.5C362.68 12.5 370.523 12.5 378.471 6.5C386.418 0.5 394.261 0.5 402 6.5' stroke='%2371A7F4' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: 15px auto 21px;
}

div#oke-loyalty-welcome-header .c-textBlock--maxWidth.c-textBlock {
    text-align: center;
    max-width: 600px;
}

div#oke-loyalty-welcome-header button.c-button--customisable.c-button {
    max-width: 198px;
}

div#oke-loyalty-welcome-header button.c-button--customisable.c-button span:after {
    content:"";
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 10px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.4676L9.23944 0.707031M15 7.4676L9.23944 14.2282M16 7.4676L2.98023e-07 7.4676' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}

div#oke-loyalty-welcome-header .c-fullWidthImage:not(:has(button)) {
    background-image: url("/cdn/shop/files/hero-member-desktop2.webp?v=1776856431") !important;
    max-height: 300px;
}

@media all and (max-width: 480px) {
    div#oke-loyalty-welcome-header .c-fullWidthImage:has(button) {
        background-image: url("/cdn/shop/files/hero-guest-mobile.webp?v=1776856961") !important;
    }

    div#oke-loyalty-welcome-header .c-fullWidthImage:not(:has(button)) {
        background-image: url("/cdn/shop/files/hero-member-mobile.webp?v=1776856460") !important;
    }
}
/* End of Welcome Header Section */

/* Profile Section */
div#oke-loyalty-profile .c-customisableProfile-profileCard-details {
    padding-top: 0;
    border-top: 0;
    row-gap: 10px;
}

div#oke-loyalty-profile .c-loggedInMemberCardRow-details {
    justify-content: center;
    text-align: center;
    row-gap: 14px;
}

div#oke-loyalty-profile .c-card.c-card--customisable.c-customisableProfile-profileCard {
    justify-content: center;
}

div#oke-loyalty-profile .c-customisableProfile-balance {
    justify-content: center;
}

div#oke-loyalty-profile .c-customisableProfile-profileCard-details .u-textStyleEmbedded--bodyBold {
    font-weight: 400;
}

div#oke-loyalty-profile .c-promptProgressCard-progress-tier-track:not(.c-promptProgressCard-progress-tier-track--filled) {
    background-color: #fff;
}

div#oke-loyalty-profile button.c-button.c-button--customisable {
    color: #000;
    background-color: #ffffff;
    border-color: #000;
    width: unset;
}

div#oke-loyalty-profile .c-loggedInMemberCardRow-details-text .u-textStyleEmbedded--h3.u-textStyle--ellipsis {
    margin-bottom: 12px;
}

div#oke-loyalty-profile .u-padding--8.u-textAlign--center.c-card.c-card--customisable > button.c-button.c-button--customisable {
    border-color: var(--loyalty-button-customisable-border-hover-color);
    background-color: var(--loyalty-button-customisable-background-hover-color);
    color: var(--loyalty-button-customisable-text-hover-color);
}

/* Points History */
div#oke-loyalty-profile button.c-button.c-button.c-pointHistory-button {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
    padding: 16px;
    min-width: 200px;
    background-color: #71A7F4;
    border-color: #71A7F4;
    color: #000;
}

div#oke-loyalty-profile .c-card--customisable.c-pointHistory {
    padding: 0;
    border: 0;
    background-color: transparent;
}

div#oke-loyalty-profile .c-pointHistory--cards .c-pointHistory-item {
    background-color: var(--loyalty-card-fill-color, #fff);
    padding: 16px 24px;
    border: 0;
}
/* End of Profile Section */

/* How it works */
div#oke-loyalty-how-it-works .c-largeImageStep {
    display: block;
    align-content: flex-end;
    position: relative;
}

div#oke-loyalty-how-it-works .c-customisableHowItWorks-stepContainer > .c-customisableHowItWorks-stepContainer-icon {
    display: none;
}

div#oke-loyalty-how-it-works .c-customisableHowItWorks-stepContainer-step {
    max-width: 400px;
}

div#oke-loyalty-how-it-works .c-largeImageStep-textContent.u-backgroundBlur {
    backdrop-filter: none;
    padding: 0;
    background-color: transparent;
}

div#oke-loyalty-how-it-works span.c-customisableCarousel-button-inner.u-backgroundBlur {
    background-color: #fff;
}

div#oke-loyalty-how-it-works h3.c-titleBody-title.u-textStyleEmbedded--h3 {
    position: absolute;
    top: 24px;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 16px 24px;
    line-height: 1;
}

div#oke-loyalty-how-it-works p.u-textStyleEmbedded--body {
    padding: 16px 24px;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 16px;
}

div#oke-loyalty-how-it-works:not(:has(~ div#oke-loyalty-promotions)) {
    padding-bottom: 50px;
}

@media all and (min-width: 768px) {
    div#oke-loyalty-how-it-works .c-largeImageStep {
        min-height: 550px;
    }
}

@media all and (min-width: 768px) {
    div#oke-loyalty-how-it-works .c-largeImageStep {
        min-height: 550px;
    }
}

@media all and (max-width: 767px) {
    div#oke-loyalty-how-it-works .c-largeImageStep {
        min-height: 450px;
    }

    div#oke-loyalty-how-it-works p.u-textStyleEmbedded--body {
        font-size: 22px;
    }
}
/* End of How it works section */

/* Promotions Section */
div#oke-loyalty-promotions button.c-button--customisable.c-button {
    min-width: 139px;
}

div#oke-loyalty-promotions .c-customisablePromotions-banner-content-promotion > div {
    font-size: var(--loyalty-body-font-size, 14px);
}

div#oke-loyalty-promotions .c-customisablePromotions-banner-content-icon {
    align-self: center;
}
/* End of Promotions Section */

/* Earn Section */
div#oke-loyalty-earn {
    background-attachment: fixed;
    padding-bottom: 0;
}

div#oke-loyalty-earn .c-customisableModuleHeader--tallMargin {
    margin-bottom: 20px;
}

div#oke-loyalty-earn .c-customisableEarningRules--noCardBackground.c-customisableEarningRules {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 48px;
}

div#oke-loyalty-earn .c-customisableActionCard,
div#oke-loyalty-redeem .c-customisableActionCard {
    justify-content: center;
}

div#oke-loyalty-earn button.c-button--customisable.c-button:has(.c-button-customisableIconCircle) {
    background-color: #cce0fd;
    border-color: #cce0fd;
}

@media all and (max-width: 767px) {
    div#oke-loyalty-earn .c-customisableEarningRules--noCardBackground.c-customisableEarningRules {
        padding: 24px 24px 48px 24px;
    }
}
/* End of Earn Section */

/* Redeem Section */
div#oke-loyalty-redeem {
    background-attachment: fixed;
}

div#oke-loyalty-redeem .c-customisableModuleHeader--tallMargin {
    margin-bottom: 20px;
}

div#oke-loyalty-redeem .c-customisableRedemptionModule--noCardBackground.c-customisableRedemptionModule {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 48px;
}

div#oke-loyalty-redeem a.c-tabs-list-item-link::after {
    content: "Rewards";
    margin-left: 5px;
}

div#oke-loyalty-redeem .c-customisableCouponCard--used.c-customisableCouponCard.c-customisableActionCard .c-customisableCouponCard-status-container.u-textStyleEmbedded--body {
    background-color: #CCE0FD;
    max-width: 200px;
    padding: 16px 0;
    border-radius: 0;
    color: #000;
    margin-top: 0;
}

div#oke-loyalty-redeem .c-customisableCouponCard--used.c-customisableCouponCard.c-customisableActionCard .c-customisableCouponCard-status-container.u-textStyleEmbedded--body svg {
    color: #000;
}

div#oke-loyalty-redeem .c-customisableCouponCard.c-customisableActionCard h3.u-textStyleEmbedded--h3 {
    text-transform: uppercase;
}

body div#oke-loyalty-redeem.okeLoyalty--embeddedWidget .c-customisableCouponCard {
    --loyalty-card-text-color: #000;
}

div#oke-loyalty-redeem .c-progress-empty {
    background-color: #EBF3FE;
}

div#oke-loyalty-redeem .c-slider--customisable .c-slider-frame-knob {
    background-color: #fff;
}

div#oke-loyalty-redeem .c-slider--customisable .c-slider-frame-knob svg {
    color: #000;
}

@media all and (max-width: 767px) {
    div#oke-loyalty-redeem ul.c-tabs-list {
        flex-wrap: wrap;
    }

    div#oke-loyalty-redeem .c-customisableRedemptionModule--noCardBackground.c-customisableRedemptionModule {
        padding: 24px 24px 48px 24px;
    }
}
/* End of Redeem Section */

/* Redeem Section */
div#oke-loyalty-redeem:not(:has(~ div#oke-loyalty-achievements)) {
    /* padding-bottom: 50px; */
}
/* End of Redeem Section */

/* Free Product */
div#oke-loyalty-free-product-showcase .c-progress-empty {
    background-color: #fff;
}

div#oke-loyalty-free-product-showcase .c-customisableActionCard {
    text-align: center;
    border: 0;
}

div#oke-loyalty-free-product-showcase ul.c-tabs-list li a::after {
    content: "Rewards";
    margin-left: 5px;
}

div#oke-loyalty-free-product-showcase .c-customisableCouponCard.c-customisableActionCard>div:nth-child(2) {
    display: none;
}

div#oke-loyalty-free-product-showcase .c-customisableCouponInput-input {
    border-radius: 0;
    border: 1px solid #fff;
    background-color: #fff;
    height: 55px;
    padding-right: 15px;
}

div#oke-loyalty-free-product-showcase .c-customisableCouponInput-button {
    position: relative;
    right: unset;
    height: 55px;
    width: 55px;
    border-radius: 0;
    background-color: #71A7F4;
    color: #fff;
}

div#oke-loyalty-free-product-showcase .c-customisableCouponInput-button .c-icon {
    width: 18px !important;
    height: 18px !important;
}

@media all and (max-width: 480px) {
    div#oke-loyalty-free-product-showcase ul.c-tabs-list {
        flex-direction: column;
    }
}
/* End of Free Product */

/* Tiers Section */
/* Base VIP tier cards */
div#oke-loyalty-vip-tiers .c-vipTierInfo.c-card--customisable {
    justify-content: center;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards:has(.c-customisableVipTiersCards-info:empty) {
    gap: 0;
}

div#oke-loyalty-vip-tiers .c-tierPrompt.u-textAlign--center.u-marginBottom--6,
div#oke-loyalty-vip-tiers .c-vipTierInfo.c-card--customisable .u-textStyleEmbedded--body.u-marginBottom--8.u-textAlign--center {
    margin-bottom: 0;
}

div#oke-loyalty-vip-tiers .c-vipTierInfo.c-card--customisable,
div#oke-loyalty-vip-tiers .c-card--customisable.c-promptProgressCard {
    padding: 32px;
}

div#oke-loyalty-vip-tiers .c-promptProgressCard-progress-tier-track:not(.c-promptProgressCard-progress-tier-track--filled) {
    background-color: #fff;
}

div#oke-loyalty-vip-tiers .c-promptProgressCard-progress-tier-text .u-textStyleEmbedded--bodyBold {
    font-weight: 700;
}

/* Hide default tier icons where they are not needed */
div#oke-loyalty-vip-tiers .c-vipTierInfo.c-card--customisable .c-vipTierBadge--customisable.c-vipTierBadge.c-icon-container,
div#oke-loyalty-vip-tiers li.c-promptProgressCard-progress-tier .c-vipTierBadge--customisable.is-active::before,
div#oke-loyalty-vip-tiers li.c-promptProgressCard-progress-tier .c-icon-container-superscript,
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-header .c-vipTierBadge--customisable.is-active::before,
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-header .c-icon-container-superscript,
div#oke-loyalty-vip-tiers .c-customisableCarousel .c-vipTierBadge--customisable.c-vipTierBadge.c-icon-container,
div#oke-loyalty-vip-tiers .c-customisableCarousel .c-vipTierBadge--customisable.c-vipTierBadge.c-icon-container img.c-vipTierBadge-image,
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk .c-customisableVipTiersCards-card-perk-icon {
    display: none;
}

div#oke-loyalty-vip-tiers li.c-promptProgressCard-progress-tier .c-vipTierBadge--customisable,
div#oke-loyalty-vip-tiers li.c-promptProgressCard-progress-tier .c-vipTierBadge--customisable img {
    width: 0;
    height: 0;
}

/* Equal-height card setup */
div#oke-loyalty-vip-tiers .swiper-wrapper {
    align-items: stretch;
}

div#oke-loyalty-vip-tiers .swiper-slide {
    height: auto;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    min-height: 650px;
    padding: 24px;
    border-radius: 16px;
    overflow: visible;
    background-color: #cce0fd;
    background-repeat: no-repeat;
}

/* Current tier border + external label */
div#oke-loyalty-vip-tiers .swiper-slide:has(.c-customisableVipTiersCards-card-pill)::before {
    content: "YOUR TIER";
    display: block;
    position: absolute;
    top: -18px;
    left: 16px;
    z-index: 4;
    min-height: 36px;
    padding: 4px 16px;
    align-content: center;
    border-radius: 16px;
    background-color: #71A7F4;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

div#oke-loyalty-vip-tiers .c-card.c-card--customisable.c-customisableVipTiersCards-card:has(.c-customisableVipTiersCards-card-pill) {
    border: 4px solid #71A7F4;
}

/* Tier image positioning: keep faces in the visible top zone */
div#oke-loyalty-vip-tiers .swiper-slide:nth-child(1) .c-customisableVipTiersCards-card {
    background-image: url("/cdn/shop/files/t1.webp?v=1780556595");
    background-size: cover;
    background-position: center top;
}

div#oke-loyalty-vip-tiers .swiper-slide:nth-child(2) .c-customisableVipTiersCards-card {
    background-image: url("/cdn/shop/files/t2.webp?v=1780556595");
    background-size: cover;
    background-position: center top;
}

div#oke-loyalty-vip-tiers .swiper-slide:nth-child(3) .c-customisableVipTiersCards-card {
    background-image: url("/cdn/shop/files/t3.webp?v=1780556595");
    background-size: cover;
    background-position: center top;
}

div#oke-loyalty-vip-tiers .swiper-slide:nth-child(4) .c-customisableVipTiersCards-card {
    background-image: url("/cdn/shop/files/t4.webp?v=1780556595");
    background-size: cover;
    background-position: center top;
}

/* Dedicated face-safe area: keeps overlays from sitting on the faces */
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card::before {
    content: "";
    display: block;
    min-height: 185px;
    flex: 0 0 185px;
    pointer-events: none;
}

/* Tier title block */
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-header {
    order: 2;
    width: 100%;
    min-height: 132px;
    margin-bottom: 20px;
    padding: 24px;
    text-align: left;
    align-items: flex-start;
    border-bottom: 0;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.74);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

div#oke-loyalty-vip-tiers .c-customisableCarousel .c-customisableVipTiersCards-card-header > .c-customisableVipTiersCards-card-pill {
    position: relative;
    top: 0;
    z-index: 2;
    order: 1;
    margin: -46px auto 12px;
}

div#oke-loyalty-vip-tiers .c-customisableCarousel .c-customisableVipTiersCards-card-header > .u-lineHeight--1 {
    order: 2;
}

div#oke-loyalty-vip-tiers .c-customisableCarousel .c-customisableVipTiersCards-card-header > .u-lineHeight--1 .u-textStyleEmbedded--h3 {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

div#oke-loyalty-vip-tiers .c-card .c-vipTierPill.u-textStyleEmbedded--bodyBold.u-textStyleEmbedded--ignoreTextStyleColor {
    min-height: 36px;
    padding: 4px 16px;
    align-content: center;
    border-radius: 16px;
    background-color: #71A7F4;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
}

/* Equal benefit blocks across all tiers */
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perks {
    order: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    padding: 28px 32px;
    row-gap: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.74);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perks > p.u-textStyleEmbedded--body {
    padding: 0;
    text-align: left;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk {
    display: block;
    width: 100%;
    margin: 0;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 2px;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--bodyBold {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
    white-space: normal;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--body {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.1;
    text-align: left;
    white-space: normal;
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--body:not(:empty)::before {
    content: "(";
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--body:not(:empty)::after {
    content: ")";
}

div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--body:empty,
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--body:empty::before,
div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--body:empty::after {
    content: "";
    display: none;
}

/* Icon has the most perks, so tighten just that card while keeping block height equal */
div#oke-loyalty-vip-tiers .swiper-slide:nth-child(4) .c-customisableVipTiersCards-card-perks {
    row-gap: 8px;
}

div#oke-loyalty-vip-tiers .swiper-slide:nth-child(4) .c-customisableVipTiersCards-card-perk-text .u-textStyleEmbedded--bodyBold {
    font-size: 15px;
}

/* Responsive adjustments */
@media all and (max-width: 1199px) {
    div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card {
        min-height: 620px;
    }

    div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card::before {
        min-height: 160px;
        flex-basis: 160px;
    }

    div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perks {
        padding: 24px;
    }
}

@media all and (max-width: 767px) {
    div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card {
        min-height: 560px;
        padding: 20px;
    }

    div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card::before {
        min-height: 135px;
        flex-basis: 135px;
    }

    div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-header {
        min-height: unset;
        padding: 20px;
    }

    div#oke-loyalty-vip-tiers .c-customisableVipTiersCards-card-perks {
        height: auto;
        min-height: 260px;
        max-height: unset;
        padding: 22px;
    }
}
/* End of Tiers Section */

/* Referrals Section */
div#oke-loyalty-refer-friends .c-customisableReferFriends-wrapper-content > button.c-button {
    max-width: 174px;
}

div#oke-loyalty-refer-friends button.c-button {
    max-height: 58px;
    min-width: 150px;
}

div#oke-loyalty-refer-friends label {
    line-height: 1.2;
    font-size: var(--loyalty-h3-font-size, 18px);
    font-weight: 400;
}

input#okeLoyalty-friendEmail, 
input#okeLoyalty-friendEmail:hover {
    background-color: transparent;
    border-color: #000;
}

input#okeLoyalty-friendEmail::placeholder {
    color: #000;
}

input#okeLoyalty-friendEmail {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #000;
    padding-left: 0;
    padding-right: 0;
}

input#okeLoyalty-referralLink {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #000;
    color: #000;
    padding-left: 0;
    padding-right: 0;
}

div#shareButtons {
    justify-content: center;
}

div#shareButtons .c-icon {
    width: 30px;
    height: 30px;
}

div#shareButtons .c-icon svg {
    color: #000;
}

div#oke-loyalty-refer-friends button.c-customisableShareLink-shareButtons-button {
    background-color: transparent;
}

@media all and (min-width: 1650px) {
    div#oke-loyalty-refer-friends .c-customisableReferFriends-wrapper-image {
        aspect-ratio: 16 / 10.5 !important;
        height: auto !important;
    }
}

@media all and (max-width: 767px) {
    div#oke-loyalty-refer-friends .c-customisableReferFriends-wrapper--imageRight.c-customisableReferFriends-wrapper {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    div#oke-loyalty-refer-friends .c-customisableReferFriends-wrapper--imageRight.c-customisableReferFriends-wrapper .c-customisableReferFriends-wrapper-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    div#oke-loyalty-refer-friends .c-customisableReferFriends-wrapper--imageRight.c-customisableReferFriends-wrapper .u-image--square.u-image--cropCenter.c-customisableReferFriends-wrapper-image {
        border-radius: 0;
    }
}

@media all and (max-width: 381px) {
    div#oke-loyalty-refer-friends button.c-button {
        width: 100%;
    }
}

/* Replace referral heading */
.c-customisableReferFriends-wrapper-content
  .u-textStyleEmbedded--h2.u-marginBottom--4 {
  font-size: 0 !important;
  line-height: 0 !important;
}

.c-customisableReferFriends-wrapper-content
  .u-textStyleEmbedded--h2.u-marginBottom--4::after {
  content: "Get $40 Off, 10% Off For Them";
  display: block;
  font-size: 56px !important;
  line-height: 1.2 !important;
  font-weight: inherit;
}

/* Replace referral subtitle */
.c-customisableReferFriends-wrapper-content
  .u-textStyleEmbedded--body.u-marginBottom--10 {
  font-size: 0 !important;
  line-height: 0 !important;
}

.c-customisableReferFriends-wrapper-content
  .u-textStyleEmbedded--body.u-marginBottom--10::after {
  content: "Give your friends 10% off their first order, and you'll get $40 in points back for each one who shops with us";
  display: block;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: inherit;
/* End of Referrals Section */

/* FAQ Section */
div#oke-loyalty-faq button.c-faqCustomisableItem {
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
}

div#oke-loyalty-faq button.c-faqCustomisableItem[aria-label="Close FAQ Question"] {
    padding-bottom: 20px;
}

div#oke-loyalty-faq .c-faqCustomisableItem-question .u-textStyleEmbedded--bodyBold {
    line-height: 1.2;
    font-size: var(--loyalty-h3-font-size, 18px);
}

div#oke-loyalty-faq .c-faqCustomisableItem-answer {
    margin-top: 0;
}

div#oke-loyalty-faq .c-faqCustomisableItem-question {
    align-items: center;
}

div#oke-loyalty-faq .c-icon.c-faqCustomisableItem-openCloseIcon {
    width: 16px !important;
    height: 16px !important;
}

@media all and (max-width: 768px) {
    div#oke-loyalty-faq .c-customisableModuleHeader--mediumMargin {
        margin-bottom: 16px;
    }
}
/* End of FAQ Section */


/* General CSS */
div.okeLoyalty h1, 
div.okeLoyalty h2, 
div.okeLoyalty h3,
div.okeLoyalty .u-textStyleEmbedded--h1,
div.okeLoyalty .u-textStyleEmbedded--h2,
div.okeLoyalty .u-textStyleEmbedded--h3,
div.okeLoyalty .u-textStyleEmbedded--body {
    line-height: 1.2;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty button.c-button--customisable.c-button {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty .c-customisableCarousel-button {
    width: 48px;
    height: 48px;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty a.c-tabs-list-item-link {
    padding: 16px;    
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty .u-textStyleEmbedded--h3 {
    line-height: 1;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty .c-customisableActionCard {
    padding-top: 24px;
    row-gap: 15px;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty .c-promptProgressCard-progress-tier-track-progressBar--withBorder {
    background-color: #71a7f4;
    border-right: 0;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty .c-progress-filling {
    background-color: #71a7f4;
    border-right: 0;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty .c-slider--customisable .c-slider-frame-bar-filling {
    background-color: #71a7f4;
}

[data-oke-loyalty-embedded-widget] div.okeLoyalty .c-slider--customisable .c-slider-frame-bar-empty {
    background-color: #ebf3fe;
}

/* Logged-in heading */
.LOGGED_IN_HEADING_CLASS {
  font-size: 0 !important;
}

.LOGGED_IN_HEADING_CLASS::after {
  content: "$40 For You, 10% Off For Them";
}

/* Logged-out heading */
.LOGGED_OUT_HEADING_CLASS {
  font-size: 0 !important;
}

.LOGGED_OUT_HEADING_CLASS::after {
  content: "$40 For You, 10% Off For Them";
}