/* Define font families */
@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 300;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Light.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 400;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Regular.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 600;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Semibold.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Semibold.woff2') format('woff2');
}

@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 700;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Bold.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 900;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Black.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/myraidpro-all/MyriadPro-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 800;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/avenir-all/Avenir-Black.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/avenir-all/Avenir-Black.woff2') format('woff2');
}
@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 600;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/avenir-all/Avenir-Medium.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/avenir-all/Avenir-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 400;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/avenir-all/Avenir-Roman.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/avenir-all/Avenir-Roman.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/neue-haas-grotesk-display-pro-bold/NeueHaasDisplay-Bold.woff') format('woff'),
        url('https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/neue-haas-grotesk-display-pro-bold/NeueHaasDisplay-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Blisstwin';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://d3j6ngx7p7lglj.cloudfront.net/global/fonts/Blisstwin-Regular.woff2') format('woff2'), 
        url('https://d3j6ngx7p7lglj.cloudfront.net/global/fonts/Blisstwin-Regular.woff') format('woff');
}

html {
    scroll-behavior: smooth;
}

/* Apply font families to Tailwind utility classes */
.font-myriadpro {
    font-family: 'Myriad Pro', sans-serif;
}

.font-avenir {
    font-family: 'Avenir LT Std', sans-serif;
}

.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-neueHaas {
    font-family: 'NeueHaasDisplay-Bold', sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.font-syne {
    font-family: 'Syne', sans-serif;
}
.font-blisstwin {
    font-family: 'Blisstwin', sans-serif;
}
.font-Poppins {
    font-family: 'Poppins', sans-serif;
}
.no-star .loox-rating-content svg {
    display: none;
}
.loox-rating {
    display: flex;
    margin-left: -4px;
    justify-content: center;
}
@media (min-width: 1024px) {
    .lg\:font-myriadpro {
        font-family: Myriad Pro, sans-serif;
    }
}

.line-through {
    text-decoration: line-through;
    text-decoration-color: var(--Red-60, #D44747);
}

.highlight {
    position: relative;
    padding: 0 5px; /* Adjust padding as needed */
    z-index: 0; /* Ensure text remains on top */
}

.highlight::before {
    content: '';
    position: absolute;
    top: 0;
    left: -3px; /* Adjust the value to control the slant */
    width: calc(100% + 3px); /* Adjusted width to cover the entire text area */
    height: 100%;
    background-color: #FFF450; /* Highlight color */
    z-index: -1; /* Push the pseudo-element behind the text */
    transform: skewX(-20deg); /* Skew the element */
}

.product-video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.product-video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* gray transparent */
    pointer-events: all;
}
.product-video-content {
    position: relative;
    z-index: 10000;
    background: white;
    padding: 1rem;
    border-radius: 8px;
    width: 100%;
    max-width: 960px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.product-video-content video {
    width: 100%;
    height: auto;
}
.product-video-close {
    position: absolute;
    top: -41px;
    right: 0px;
    background: white;
    border: none;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.video-popup-trigger {
    cursor: pointer !important;
}
.rotate-animation { animation: rotateClockwise 30s linear infinite; }
@keyframes rotateClockwise {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

enc-pricing-widget div:empty { display:block !important; }
enc-pricing-widget * { box-sizing: border-box; margin: 0; padding: 0; }
enc-pricing-widget .line-through { text-decoration-color: #99A0A7; }
.option-row.active { background: #eaebfb; box-shadow: inset 0 0 0 2px #2E3666; }
.option-row:last-child { border-radius: 0 0 10px 10px; }
.option-row:not(:last-child) { border-bottom: 1px solid rgba(102,102,102,0.18); }
.save-label-ribbon:has(.save-label:empty) { display:none !important; }