/* Carmalyze — Warm Caramel & Candy Theme */

body { background: #FFF8F0; }
::selection { background: rgba(196,105,61,0.3); color: #fff; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #F3EAE0; }
::-webkit-scrollbar-thumb { background: #E8DDD3; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #C4A98E; }

/* Thick rule utilities */
.rule-thick { border-top: 3px solid #2D2420; }
.rule-accent { border-top: 3px solid #C4693D; }

/* Smooth bezier wave */
:root {
    --wave: polygon(
        0% 0%, 100% 0%,
        100% 76.0%,
        97.3% 78.3%, 94.6% 80.4%, 92.0% 82.4%, 89.3% 84.1%,
        86.7% 85.7%, 84.1% 87.1%, 81.5% 88.3%, 78.9% 89.3%,
        76.4% 90.1%, 73.9% 90.8%, 71.4% 91.2%, 68.9% 91.4%,
        66.4% 91.4%, 64.0% 91.3%, 61.6% 90.9%, 59.2% 90.3%,
        56.9% 89.6%, 54.6% 88.6%, 52.3% 87.4%, 50.0% 86.0%,
        47.7% 84.6%, 45.4% 83.5%, 43.1% 82.5%, 40.8% 81.8%,
        38.4% 81.3%, 36.0% 81.0%, 33.6% 80.9%, 31.1% 80.9%,
        28.6% 81.1%, 26.1% 81.5%, 23.6% 82.0%, 21.1% 82.7%,
        18.5% 83.5%, 15.9% 84.4%, 13.3% 85.4%, 10.7% 86.6%,
        8.0% 87.8%, 5.4% 89.1%, 2.7% 90.5%, 0% 92.0%
    );
}

/* Tread border — inline SVG herringbone tire tread pattern.
   Brownish tones, large and prominent. */
.tread-border {
    background: rgb(196 105 61);
    position: relative;
    overflow: hidden;
}

/* Full-page subtle tire tracks background.
   Uses scattered tracks image, tiled, very low opacity.
   mix-blend-mode: multiply removes the white. */
.tread-bg {
    background-image: url('/static/img/tread_bg.png');
    background-repeat: repeat;
    background-size: 900px 900px;
    opacity: 0.03;
    mix-blend-mode: multiply;
}

/* Loading spinner */
.spinner { animation: spin 1s linear infinite; }
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .deals-grid { grid-template-columns: 1fr; }
}