body {
    font-family: 'Inter', system-ui, sans-serif;
}

html, body {
    overflow-x: hidden;
}

.heading-font {
    font-family: 'Playfair Display', serif;
}



.tail-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.nav-link {
    position: relative;
    transition: all 0.3s ease;
}

.nav-link:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #D4AF37;
    transition: width 0.3s ease;
}

.nav-link:hover:after {
    width: 100%;
}

.category-tile {
    transition: all 0.6s cubic-bezier(0.4,0,0.2,1);
    overflow: hidden;
}

.category-tile img{
    transition: transform 0.7s ease;
}

.category-tile:hover img {
    transform: scale(1.12);
}

.category-tile:hover .overlay {
    background: linear-gradient(to top, rgba(10,47,35,0.85), rgba(10,47,35,0.4));
}

.gold-btn {
    position: relative;
    overflow: hidden;
}

.gold-btn::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 40%;
    height: 200%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
    transform: skewX(-25deg);
    animation: shimmer 4s infinite;
    will-change: transform;
}

@keyframes shimmer {
    100% { transform: translateX(400%); }
}

.footer-link {
    transition: all 0.3s ease;
}

.footer-link:hover {
    color: #D4AF37;
    transform: translateX(6px);
}


.coming-soon{
position:relative;
opacity:.6;
filter:grayscale(100%);
pointer-events:none;
}

.coming-soon::after{
content:"Coming Soon";
position:absolute;
top:12px;
right:12px;
background:#D4AF37;
color:#0A2F23;
font-size:11px;
font-weight:600;
padding:6px 10px;
border-radius:20px;
}