/* Explain: Base reset, typography, and utility styles for a clean aesthetic. - */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

/* Elegant Shadows & Utilities */
.elegant-shadow {
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.08);
}

.elegant-shadow-hover:hover {
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

/* Swiper Overrides */
.swiper-button-next, .swiper-button-prev {
    color: var(--primary-color) !important;
    background: white;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
}
.swiper-pagination-bullet-active {
    background-color: var(--primary-color) !important;
}

/* Energy Rating Badges */
.rating-a-plus { background-color: #2e7d32; color: white; }
.rating-a { background-color: #4caf50; color: white; }
.rating-b { background-color: #8bc34a; color: #111; }