@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Assistant:wght@300;400;700&display=swap');

        :root {
            --bradas-green: #096613;
            --bradas-black: #121212;
            --bradas-bg-gray: #f3f3f3;
        }

        body {
            font-family: 'Assistant', sans-serif;
            color: var(--bradas-black);
            background-color: #ffffff;
            overflow-x: hidden;
        }

        .heading-font {
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .btn-primary {
            background-color: var(--bradas-green);
            color: white;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            font-weight: 700;
        }

        .btn-primary:hover {
            background-color: #074d0e;
            transform: translateY(-2px);
        }

        .product-card img {
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        .product-card:hover img {
            transform: scale(1.05);
        }

        .announcement-bar {
            background-color: var(--bradas-black);
            font-size: 10px;
            letter-spacing: 0.2em;
        }

        .badge-vegan {
            position: absolute;
            top: 12px;
            left: 12px;
            background: white;
            border-radius: 50%;
            padding: 5px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            z-index: 10;
        }

        /* Hide scrollbar for Chrome, Safari and Opera */
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        /* Hide scrollbar for IE, Edge and Firefox */
        .scrollbar-hide {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }