@import url('navbar.css?v=10');
@import url('footer.css?v=10');

@import url('home.css?v=10');
@import url('product.css?v=10');
@import url('about.css?v=10');
@import url('contact.css?v=10');
@import url('admin.css?v=10');
@import url('cart.css?v=10');
@import url('login.css?v=10');
@import url('legal.css?v=10');
@import url('sell.css?v=10');

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #FAF6F1;
    font-family: 'Playfair Display', serif;
    padding-top: 86px;
    margin: 0;
    color: #2c2c2c;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

/* =========================
   BASE RESPONSIVE GLOBALE
========================= */
:root {
    --navbar-height: 86px;
    --site-bg: #FAF6F1;
    --site-bg-alt: #F4EBE0;
    --site-bg-soft: #EEE1D1;
    --site-accent: #D9BC97;
    --site-accent-dark: #C9A97F;
    --site-text: #2C2C2C;
    --site-text-soft: #6F6255;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    min-width: 320px;
    overflow-x: hidden;
}

img,
svg,
video {
    max-width: 100%;
}

button,
input,
textarea,
select {
    font: inherit;
}

@media (max-width: 991.98px) {
    :root {
        --navbar-height: 72px;
    }

    body {
        padding-top: var(--navbar-height);
    }
}

@media (max-width: 575.98px) {
    body {
        min-width: 0;
    }
}