/** Shopify CDN: Minification failed

Line 436:20 Unexpected "--hero"
Line 440:20 Unexpected "--chat"
Line 448:20 Unexpected "--live-sales"
Line 453:20 Unexpected "--sticky-buy"
Line 462:24 Unexpected "--sticky-buy"

**/
@font-face {
    font-family: 'Satoshi';
    src: url('Satoshi-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Satoshi';
    src: url('Satoshi-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Satoshi';
    src: url('Satoshi-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Satoshi';
    src: url('Satoshi-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

html,
body {
    font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
}

* {
    font-family: inherit
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent
}

.btn--primary {
    background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
    color: #ffffff;
    box-shadow: var(--shadow-glow)
}

.btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 30px color-mix(in srgb, var(--color-accent) 40%, transparent);
    opacity: 1
}

.btn--primary:active {
    transform: translateY(0)
}

.btn--secondary {
    background: var(--color-bg-card);
    color: var(--color-text);
    border: 1px solid var(--color-border)
}

.btn--secondary:hover {
    background: var(--color-bg-elevated);
    border-color: var(--color-accent);
    opacity: 1
}

.btn--large {
    padding: var(--spacing-lg) var(--spacing-2xl);
    font-size: 18px;
    border-radius: var(--radius-lg)
}

.btn--full {
    width: 100%
}

.btn--disabled,
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none
}

.card {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg)
}

.card--elevated {
    background: var(--color-bg-elevated);
    box-shadow: var(--shadow-md)
}

.card--glow {
    border-color: color-mix(in srgb, var(--color-accent) 30%, transparent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--color-accent) 10%, transparent)
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.badge--accent {
    background: color-mix(in srgb, var(--color-accent) 20%, transparent);
    color: var(--color-accent)
}

.badge--success {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success)
}

.badge--live {
    background: rgba(239, 68, 68, 0.2);
    color: #efd044
}

.badge--live::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #efd044;
    border-radius: 50%;
    animation: pulse 1.5s infinite
}

.live-sales-notification__name {
    color: #efd044 !important;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--color-border)
}

.avatar--sm {
    width: 32px;
    height: 32px
}

.avatar--lg {
    width: 56px;
    height: 56px
}

.avatar-stack {
    display: flex
}

.avatar-stack .avatar {
    margin-left: -8px
}

.avatar-stack .avatar:first-child {
    margin-left: 0
}

.heading-xl {
    font-size: clamp(32px, 8vw, 56px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em
}

.heading-lg {
    font-size: clamp(24px, 5vw, 36px);
    font-weight: 700;
    line-height: 1.2
}

.heading-md {
    font-size: clamp(18px, 4vw, 24px);
    font-weight: 600;
    line-height: 1.3
}

.heading-sm {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4
}

.text-gradient {
    background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.text-muted {
    color: var(--color-text-muted)
}

.text-subtle {
    color: var(--color-text-subtle)
}

.text-accent {
    color: var(--color-accent)
}

.text-center {
    text-align: center
}

.mt-sm {
    margin-top: var(--spacing-sm)
}

.mt-md {
    margin-top: var(--spacing-md)
}

.mt-lg {
    margin-top: var(--spacing-lg)
}

.mt-xl {
    margin-top: var(--spacing-xl)
}

.mt-2xl {
    margin-top: var(--spacing-2xl)
}

.mb-sm {
    margin-bottom: var(--spacing-sm)
}

.mb-md {
    margin-bottom: var(--spacing-md)
}

.mb-lg {
    margin-bottom: var(--spacing-lg)
}

.mb-xl {
    margin-bottom: var(--spacing-xl)
}

.mb-2xl {
    margin-bottom: var(--spacing-2xl)
}

.py-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg)
}

.py-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl)
}

.py-2xl {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl)
}

.py-3xl {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl)
}

.flex {
    display: flex
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-sm {
    gap: var(--spacing-sm)
}

.gap-md {
    gap: var(--spacing-md)
}

.gap-lg {
    gap: var(--spacing-lg)
}

.grid {
    display: grid
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr)
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr)
}

@media(max-width:640px) {

    .grid-2,
    .grid-3 {
        grid-template-columns: 1fr
    }
}

.price {
    display: flex;
    align-items: baseline;
    gap: var(--spacing-sm)
}

.price__current {
    font-size: clamp(28px, 6vw, 40px);
    font-weight: 800;
    color: var(--color-text)
}

.price__compare {
    font-size: 18px;
    color: var(--color-text-subtle);
    text-decoration: line-through
}

.price__badge {
    background: var(--color-success);
    color: #000;
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    font-size: 12px;
    font-weight: 700
}

.input {
    width: 100%;
    padding: var(--spacing-md);
    font-size: 16px;
    color: var(--color-text);
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    outline: none;
    transition: border-color 0.2s
}

.input:focus {
    border-color: var(--color-accent)
}

.input::placeholder {
    color: var(--color-text-subtle)
}

[class*="kenso-"][class*="-wrapper"]:empty {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

[data-kenso-section]:empty,
[data-kenso-section="reviews"]:empty,
[data-kenso-section="chat"]:empty,
[data-kenso-section="urgency"]:empty,
[data-kenso-section]:empty {
    display: none !important;
    min-height: 0 !important
}

[data-kenso-section]--hero:not(:empty) {
    min-height: 80vh
}

[data-kenso-section]--chat,
[data-kenso-section="chat"] {
    position: fixed;
    bottom: var(--spacing-lg);
    right: var(--spacing-lg);
    z-index: 1000
}

[data-kenso-section]--live-sales {
    position: fixed;
    z-index: 998
}

[data-kenso-section]--sticky-buy {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999
}

@media(min-width:769px) {
    [data-kenso-section]--sticky-buy {
        display: none
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate-fadeIn {
    animation: fadeIn 0.3s ease
}

.animate-slideUp {
    animation: slideUp 0.4s ease
}

.animate-scaleIn {
    animation: scaleIn 0.3s ease
}