@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";

/* src/styles.css */
.product-card {
  z-index: 2;
  border-radius: 0.5rem;
}
.logo-my-site {
  height: 40px;
}
@media (max-width: 800px) {
  .logo-my-site {
    height: 28px;
  }
}
.dropdown-langue {
  --cz-dropdown-spacer: 2.2rem;
  left: 0;
  right: auto !important;
}
.dropdown-theme {
  --cz-dropdown-min-width: 9rem !important;
  left: auto !important;
  right: 0 !important;
}
.exclude-rtl {
  direction: ltr !important;
}
:dir(rtl) :root {
  --cz-body-font-family: "Almarai", sans-serif !important;
}
:dir(rtl) body {
  font-family: "Almarai", sans-serif !important;
  font-weight: 600 !important;
}
:dir(rtl) .dropdown-langue {
  --cz-dropdown-spacer: 2.2rem;
  left: auto;
  right: auto !important;
}
:dir(rtl) .dropdown-theme {
  --cz-dropdown-min-width: 9rem !important;
  left: 0 !important;
  right: auto !important;
}
:dir(rtl) .btn {
  font-weight: 600 !important;
}
:dir(rtl) :is(.btn-prev, .btn-next, .popular-prev i, .popular-next i, .popular-prev2 i, .popular-next2 i, .popular-prev3 i, .popular-next3 i) {
  rotate: 180deg;
}
:dir(rtl) .product-card .start-0 {
  right: auto !important;
  left: 0 !important;
}
:dir(rtl) .btn-search-navbar .end-0 {
  left: 0 !important;
  right: auto !important;
}
:dir(rtl) .swiper .end-0 {
  right: auto !important;
  left: 0 !important;
}
:dir(rtl) .swiper .start-0 {
  right: 0 !important;
  left: auto !important;
}
@media (min-width: 1200px) {
  :dir(rtl) .offset-xl-1 {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  :dir(rtl) .footer .ms-lg-auto {
    margin-right: auto !important;
  }
  :dir(rtl) .footer .ms-lg-auto {
    margin-left: 0 !important;
  }
}
:dir(rtl) [type=number] {
  direction: rtl !important;
}
.product-card .position-relative {
  margin: -8px;
}
.product-card img {
  border-radius: var(--cz-border-radius) !important;
}
.offcanvas-backdrop {
  display: none !important;
}
.ratio img {
  object-fit: cover !important;
}
.border-specification {
  border: 1px solid #eaeaea;
}
[class^=specification--list] {
  border: 1px solid #eaeaea;
}
[class^=specification--line] {
  border-top: 1px solid #eaeaea;
  margin-left: unset;
  display: flex;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
[class^=specification--prop] {
  float: left;
  font-size: 14px;
  line-height: 28px;
  list-style: none;
  margin-left: 0;
  max-width: 50%;
  position: relative;
  width: 50%;
  display: flex;
}
[class^=specification--desc],
[class^=specification--title] {
  padding: 12px;
}
[class^=specification--title] {
  background: #f5f5f5;
  color: #191919;
  width: 180px;
}
[class^=specification--desc] {
  -webkit-box-flex: 1;
  color: #151515;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-word;
}
@media (max-width: 768px) {
  [class^=specification--line] {
    flex-direction: column;
  }
  [class^=specification--prop] {
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
  }
  [class^=specification--title] {
    width: 150px;
  }
}
.article-contenu h2 {
  font-size: 1.35rem;
  line-height: 1.35;
}
.article-contenu h3 {
  font-size: 1.18rem;
}
@media (min-width: 768px) {
  .article-contenu h2 {
    padding-top: 1.5rem !important;
    margin-bottom: 1.2rem !important;
  }
  .article-contenu h3 {
    padding-top: 1.5rem !important;
    margin-bottom: .6rem !important;
  }
}
.article-contenu table {
  border: 1px solid #e0e5eb;
}
.article-contenu td,
.article-contenu th {
  padding: .5rem .75rem;
}
.article-contenu thead tr {
  background-color: #f5f5f5;
}
.article-contenu td:first-child,
.article-contenu th:first-child {
  border-right: 1px solid #e0e5eb;
}
:dir(rtl) .ms-1 {
  margin-right: .25rem !important;
  margin-left: initial !important;
}
:dir(rtl) .ms-2 {
  margin-right: .5rem !important;
  margin-left: initial !important;
}
:dir(rtl) .ms-3 {
  margin-right: 1rem !important;
  margin-left: initial !important;
}
:dir(rtl) .ms-4 {
  margin-right: 1.5rem !important;
  margin-left: initial !important;
}
:dir(rtl) .ms-5 {
  margin-right: 3rem !important;
  margin-left: initial !important;
}
:dir(rtl) .me-1 {
  margin-left: .25rem !important;
  margin-right: initial !important;
}
:dir(rtl) .me-2 {
  margin-left: .5rem !important;
  margin-right: initial !important;
}
:dir(rtl) .me-3 {
  margin-left: 1rem !important;
  margin-right: initial !important;
}
:dir(rtl) .me-4 {
  margin-left: 1.5rem !important;
  margin-right: initial !important;
}
:dir(rtl) .me-5 {
  margin-left: 3rem !important;
  margin-right: initial !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */