@import url(./reset.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);

@import url(./components/header.css);
@import url(./components/banner.css);
@import url(./components/popularCategories.css);
@import url(./components/recent.css);
@import url(./components/catalog.css);
@import url(./components/catalogItems.css);
@import url(./components/productPage.css);
@import url(./components/swiper.css);
@import url(./components/favorites.css);
@import url(./components/cart.css);
@import url(./components/checkout.css);
@import url(./components/profile.css);

:root {
  --bg-gray: #f3f3f3;
  --white: #fff;
  --accent: #1baafd;
  --gray-hover: #f0f0f0;
  --box-shadow-heading: 0 1px 2px #00000029;
  --box-shadow-main: 0 1px 2px #0000001a;
}
.hidden {
  display: none !important;
}
.title-2 {
  font-size: 26px;
  font-weight: 600;
  margin: 20px 0;
}
.section-bg {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 2px 2px 5px rgba(187, 187, 187, 0.5);
}
i {
  pointer-events: none;
}
body {
  font-family: "Montserrat";
  background-color: var(--bg-gray);
  color: #2b2b2b;
}
.container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 10px;
}

@media (max-width: 768px) {
  .title-2 {
    font-size: 22px;
    margin: 10px 0;
  }
}