/** Shopify CDN: Minification failed

Line 235:10 Unexpected "{"
Line 235:19 Expected ":"
Line 236:16 Expected identifier but found whitespace
Line 236:18 Unexpected "{"
Line 236:27 Expected ":"
Line 236:78 Expected ":"
Line 237:19 Expected identifier but found whitespace
Line 237:21 Unexpected "{"
Line 237:30 Expected ":"
Line 237:84 Expected ":"
... and 10 more hidden warnings

**/
/* Loyalty Banner Styles */
.oke-loyalty-section.oke-loyalty-banner {
    height: 320px;
    background: right;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.oke-loyalty-banner h1, .oke-loyalty-banner p {
    color: white;
    max-width: 30ch;
    margin: 6px;
}

.oke-loyalty-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, #212121, transparent 80%);
    z-index: 0;
    pointer-events: none;
}

.hero-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

/* Loyalty Profile Container */
[data-oke-loyalty-profile].oke-loyalty-section {
    max-width: 1400px;
    margin: auto;
}

.oke-loyalty-profile {
    padding-top: 20px;
}

/* Loyalty Profile Components */
.c-embeddedProfile-vipMobileView {
    border-top: 1px solid #80808042;
}

div.okeLoyalty.okeLoyalty--embeddedWidget .c-embeddedProfile .c-card {
    padding: 50px;
}

div.okeLoyalty.okeLoyalty--embeddedWidget .c-embeddedProfile-login {
    max-width: 900px;
}

div.okeLoyalty.okeLoyalty--embeddedWidget .c-embeddedProfile-login .c-loginForm {
    padding-top: 0;
    margin-bottom: 0;
}

div.okeLoyalty.okeLoyalty--embeddedWidget .c-embeddedProfile-login .c-loginForm-label {
    margin-bottom: 32px;
}

/* Loyalty Profile Items */
.c-embeddedProfile-details-item {
    border-bottom: 1px solid #80808045;
}

[data-oke-loyalty-profile] .okeLoyalty .c-embeddedProfile > .c-card.c-card--noPadding.c-card--outline:not(.c-embeddedProfile-history) .u-textStyle--subtitle {
    font-family: Montserrat, sans-serif;
    font-size: var(--okl-title-heading-font);
    line-height: 1;
}

[data-oke-loyalty-profile] .okeLoyalty .c-embeddedProfile > .c-card.c-card--noPadding.c-card--outline:not(.c-embeddedProfile-history) .u-marginTop--2.u-marginBottom--6.u-textStyle--body,
[data-oke-loyalty-profile] .okeLoyalty .c-embeddedProfile > .c-card.c-card--noPadding.c-card--outline:not(.c-embeddedProfile-history) .c-terms.u-textStyle--body {
    margin-top: 20px;
}

[data-oke-loyalty-profile] .okeLoyalty .c-loginForm-label {
    margin-top: 15px;
}

/* Loyalty Member Styles */
[data-oke-loyalty-profile] .okeLoyalty .c-embeddedProfile-login {
    max-width: 800px;
    padding: 0;
}

[data-oke-loyalty-profile] .okeLoyalty .c-input {
    background-color: transparent;
    text-align: left;
}

[data-oke-loyalty-profile] .c-embeddedProfile .c-tabs {
    width: 100%;
}

[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-details.is-vipTiersEnabled,
[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-details.is-vipTiersEnabled>div:not(:first-child) {
    border: 0;
}

[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-vipMobileView {
    padding-top: 20px;
}

[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-details .u-textStyle--subtitle,
[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-profile-item .u-textStyle--subtitle {
    font-weight: 600;
}

.oke-loyalty-profile * {
  color: black !important;
}

[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-profile-item .c-loggedInMemberCardRow-details-text .u-textStyle--subtitle,
[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-profile-item .c-tierPrompt .u-textStyle--subtitle {
    font-family: Montserrat, sans-serif;
    font-size: x-large;
    color: #7c587f !important;
    font-weight: 400;
    line-height: var(--okl-title-heading-line-height);
}

[data-oke-loyalty-profile] .c-embeddedProfile .c-embeddedProfile-profile-item .c-embeddedProfile-vipMobileView .c-tierPrompt .u-textStyle--subtitle {
    font-size: 28px;
}

/* Loyalty History Section */
[data-oke-loyalty-profile] .c-embeddedProfile-history * {
    background-color: transparent;
}

[data-oke-loyalty-profile] .c-embeddedProfile-history .c-redeemBalance {
    padding-top: 40px;
}

[data-oke-loyalty-profile] .c-embeddedProfile-history .c-redeemBalance .u-textStyle--subtitle,
[data-oke-loyalty-profile] .c-embeddedProfile-history .c-pointHistory-item .u-textStyle--subtitle {
    font-weight: 700;
    text-transform: capitalize;
}

/* VIP Tier Styles */
[data-oke-loyalty-profile] .c-iconCircle {
    background-color: var(--okl-color-3);
    color: #fff;
}

[data-oke-loyalty-profile] .c-vipTierBadge--shadow {
    box-shadow: none;
}

[data-oke-loyalty-profile] .c-vipTierBadge:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid var(--loyalty-brand-primary-color, #4e34e0);
    border-radius: 6.5px;
}

[data-oke-loyalty-profile] .c-vipTierBadge-image {
    background-color: transparent;
}

[data-oke-loyalty-profile] .c-embeddedProfile-profile .c-card .c-vipTierProgress-tier span {
    font-weight: 300;
}

[data-oke-loyalty-profile] .c-vipTierProgress--horizontal .c-vipTierProgress-tier-track {
    animation: none;
    background: none;
    background-color: var(--okl-color-2);
    top: 10px;
    height: 12px;
}

[data-oke-loyalty-profile] .c-vipTierProgress-tier-track-progress {
    border: 0;
    border-radius: 0 2px 2px 0;
    background-color: var(--okl-color-3);
}

[data-oke-loyalty-profile] .c-vipTierProgress-tier-track {
    background-color: var(--okl-color-2);
}

[data-oke-loyalty-profile] .c-embeddedProfile-profile .c-embeddedProfile-profile-member {
    border: 0;
}

/* Layout Utilities */
.page-width,
.page-width--narrow {
    max-width: 1200px;
}

.okendo-loyalty-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 15px;
}

.okendo-loyalty-container.redeem-section {
    padding: 0;
}

/* Section Padding */
.section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
        padding-top: {{ section.settings.padding_top }}px;
        padding-bottom: {{ section.settings.padding_bottom }}px;
    }
}

/* Typography */
body * {
    font-family: Montserrat, sans-serif;
}

h2 {
    font-size: 36px;
    font-weight: 600;
}

.okendo-loyalty-container *,
.okendo-loyalty-container.white-bg * {
    text-align: center;
}

/* General Components */
.loyalty-heading-section {
    margin-top: 50px;
}

.hero__content.hero__content--transparent.backdrop--radial {
    max-width: 45ch;
}

.okeLoyalty .c-embeddedHeaderBar-title {
    display: none;
}

.okeLoyalty .c-embeddedEarningRules {
    max-width: calc(100vw - 32px);
}

.c-tabs-list-item-link.is-active {
  color: white !important;
}

.btn {
  	font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 10px;
  	margin-top: 10px;
    border: 1px solid #7c587f;
    background-color: #7c587f;
    line-height: 1;
    color: white;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    transition: .25s ease-out;
    transition-property: background, border;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btn:hover {
  border: 1px solid #6d4e70;
  background: #6d4e70;
  color: white !important;
}

.okeLoyalty .c-button--outline {
    background-color: #282329db;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .okeLoyalty .c-actionCard {
        width: 100% !important;
    }
    h2.hero__title.heading-size-2.aos-animate {
        font-size: 17px !important;
    }
}

@media (min-width: 1024px) {
    .okeLoyalty .c-embeddedEarningRules {
        max-width: 900px;
    }
}

.c-embeddedHeaderBar-title {
    display: none !important;
}

.c-embeddedProfile>.c-embeddedHeaderBar {
    display: flex !important;
}