/* Custom CSS for specific elements */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Subtle grain texture */
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://www.transparenttextures.com/patterns/carbon-fibre.png");
    opacity: 0.03;
    pointer-events: none;
    z-index: 9999;
}

/* Glow effects */
.shadow-3xl {
    box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.5);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #09090b;
}

::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ea580c;
}

/* Hero Section Image filter */
[data-edit-id="hero.bg"] {
    filter: brightness(0.5) contrast(1.1) saturate(1.2);
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
}

@media (max-width: 400px) {
    .xs\:block { display: block; }
}