@import "/public/node_modules/bootstrap-icons/font/bootstrap-icons.css";
@import "/public/node_modules/sweetalert2/dist/sweetalert2.min.css";
@import "/public/node_modules/bootstrap/dist/css/bootstrap.min.css";
@import "/public/node_modules/@fontsource/roboto-condensed/700.css";
@import "/public/node_modules/@fontsource/roboto-condensed/400.css";
@import "/public/node_modules/@fontsource/roboto-condensed/300.css";

@import "/public/components/featured-product-grid/FeaturedProductGrid.css";
@import "/public/components/whatsapp-chat-button/WhatsAppChatButton.css";
@import "/public/components/site-header/SiteHeader.css";
@import "/public/components/site-footer/SiteFooter.css";
@import "/public/components/paginator/Paginator.css";
@import "/public/components/auth-popup/authPopup.css";

:root {
    --center-width: 1320px;
}

html, body {
    font-family: "Roboto Condensed", serif;
}

body {
    overflow-x: hidden;
    background-color: #282B34;
}

body > main {
    min-height: calc(100vh - 120px - 341px);
}

#featured .center {
    margin: auto;
    max-width: 1200px;
    width: 100%;
    padding: 2rem 1rem;
}