:root {
    --theme-color: #ee4d2d;
}

.text-shopee { color: #ee4d2d; }
.text-shopee-light { color: #ff7337; }
.bg-shopee { background-color: #ee4d2d; }
.bg-shopee-dark { background-color: #d73211; }
.bg-shopee-light { background-color: #ff7337; }
.border-shopee { border-color: #ee4d2d; }
.shadow-shopee { --tw-shadow-color: rgb(238 77 45 / 0.25); }
.hover\:bg-shopee-dark:hover { background-color: #d73211; }
.hover\:text-shopee:hover { color: #ee4d2d; }
.hover\:border-shopee:hover { border-color: #ee4d2d; }
.focus\:ring-shopee:focus { --tw-ring-color: rgb(238 77 45 / 0.35); }

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cashback-gradient {
    background:
        radial-gradient(circle at 20% 20%, rgb(255 115 55 / 0.12), transparent 28rem),
        radial-gradient(circle at 80% 0%, rgb(14 165 233 / 0.08), transparent 26rem),
        linear-gradient(180deg, #fff7f2 0%, #ffffff 54%, #f8fafc 100%);
}

.dark .cashback-gradient {
    background:
        radial-gradient(circle at 18% 16%, rgb(255 115 55 / 0.18), transparent 28rem),
        radial-gradient(circle at 78% 0%, rgb(14 165 233 / 0.1), transparent 26rem),
        linear-gradient(180deg, #020617 0%, #0f172a 58%, #020617 100%);
}

.glass-header {
    background: rgb(255 255 255 / 0.86);
    backdrop-filter: blur(18px);
}

.dark .glass-header {
    background: rgb(2 6 23 / 0.82);
}

.phone-demo-grid {
    background-image:
        linear-gradient(rgb(15 23 42 / 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgb(15 23 42 / 0.05) 1px, transparent 1px);
    background-size: 22px 22px;
}

.dark .phone-demo-grid {
    background-image:
        linear-gradient(rgb(255 255 255 / 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 0.06) 1px, transparent 1px);
}

.clone-toast {
    transform: translateY(120%);
    transition: transform 0.25s ease, opacity 0.25s ease;
    opacity: 0;
}

.clone-toast.is-visible {
    transform: translateY(0);
    opacity: 1;
}