@font-face {
    font-family: 'MoglanDemo';
    src: local('MoglanDemo'), local('Moglan Demo'),
         url('/fonts/MoglanDemo.woff2') format('woff2'),
         url('/fonts/MoglanDemo.otf') format('opentype');
    font-display: swap;
}

@keyframes goldShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.w-250 { width: 250px; }

.product-carousel {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.product-carousel::-webkit-scrollbar {
    display: none;
}

.shimmer-text {
    background: linear-gradient(90deg, #874B20 0%, #D1995E 30%, #FFEDDE 50%, #D1995E 70%, #874B20 100%);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: goldShimmer 5s linear infinite;
}

.bronze-glow-hover {
    transition: all 0.3s ease;
}
.bronze-glow-hover:hover {
    box-shadow: 0 10px 30px rgba(135, 75, 32, 0.15);
    transform: translateY(-2px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FFEDDE;
}
::-webkit-scrollbar-thumb {
    background: #D1995E;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #874B20;
}

.vip-card-pattern {
    background-image: radial-gradient(#D1995E 0.75px, transparent 0.75px), radial-gradient(#D1995E 0.75px, #6B3A18 0.75px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
    opacity: 0.12;
}

/* Strip native select chrome so it matches text inputs */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.25rem;
    padding-right: 2.75rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B07B43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 16px;
    cursor: pointer;
}

input, select {
    line-height: 1.25rem;
}