/* root */
:root {
  --sec-color: #7F0808;
}
/* Font */
@font-face {
  font-family: 'GE DINAR TWO';
  src: url('https://wpazzrk.github.io/Moaaz2.0/Fonts/GE-Dinar-Two-Medium_1E.otf');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'GE DINAR TWO', sans-serif;
  background-color: #fff;
}

/* Header */
#mainnav {
  height: unset !important;
}
.top-navbar {
  background-color: var(--sec-color);
}
.top-navbar * {
  color: #fff;
}
.top-navbar ::placeholder {
  color: #000;
}
.s-search-icon svg {
  fill: #000;
}
.navbar-brand img {
  max-height: 8rem;
  padding-block: 0.5rem;
}
.main-nav-container.fixed-pinned .navbar-brand img {
  max-height: 140px;
}

/* Container */
@media (min-width: 1280px) {
    section.s-block.s-block--banners.container {
        max-width: unset;
        width: 80%;
    }
}

/* First Banner Start */
section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper>div{
  padding:0 !important;
}
section:first-of-type.s-block.s-block--photos-slider{
  margin-top: 2rem;
}
[dir=rtl] salla-slider.photos-slider .swiper {
  padding: 0;
}
img,
.banner-entry {
  background-color: unset !important;
}
@media (max-width: 768px) {
  section:first-of-type.s-block.s-block--photos-slider{
    margin-top: 0;
  }
}
/* First Banner End */

/* Categories List Start */
section.s-block.s-block--banners.container .grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.two-row .banner-entry:first-child {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}
a.banner-entry {
  height: 750px;
  background-color:unset;
  transition: 0.2s;
}
a.banner-entry:hover {
  transform: scale(1.04)
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
  background-size: contain;
  background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
  a.banner-entry{
    height: 540px;
  }
}
@media(max-width:768px){
  a.banner-entry{
    height: 360px;
  }
}
@media(max-width: 576px){
  section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(1,minmax(0,1fr));
    padding-block: 1rem;
  }
  a.banner-entry{
    height: 360px;
  }
}
/* Categories List End */

/* Products Start */
salla-add-product-button button {
  background-color: #000 !important;
  color: #fff !important;
}
@media (width < 768px) {
  .s-products-slider-card.swiper-slide {
    width: 55%;
  }
}
/* Products End */

/* Titles */
.s-reviews-header-wrapper {
  justify-content: center;
}
.s-reviews-header-wrapper h1 {
  margin-inline: 0;
  font-size: 42px;
  text-align: center;
  font-weight: normal;
}
.s-block--best-offers h2 {
  font-weight: normal;
}
.s-block--best-offers h2::after {
  font-weight: normal;
}
/* Title::After */
.s-reviews-header-wrapper h1::after, 
.s-block--best-offers h2::after {
  display: block;
  font-size: 20px;
  color: var(--sec-color);
  font-weight: 400;
  margin-top: 8px;
}
.s-reviews-header-wrapper h1::after {
  text-align: center;  
}
/* Title >> content */
.s-reviews-header-wrapper h1::after {
  content: "ماذا يقول عملاؤنا عن تجربتهم معنا";
}
section:nth-child(1 of .s-block--best-offers) h2::after {
  content: "الكتب الأكثر رواجًا هذا الشهر";
}
section:nth-child(2 of .s-block--best-offers) h2::after {
  content: "آخر ما وصلنا من كتب رائعة";
}
section:nth-child(3 of .s-block--best-offers) h2::after {
  content: "كل كتاب يفتح لك أبواب جديدة";
}
section:nth-child(4 of .s-block--best-offers) h2::after {
  content: "كتب مختارة بعناية لإثراء روحانياتك في الشهر الكريم";
}
/* Responsiveness */
@media (min-width: 992px) {
  .s-block--best-offers h2 {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  /* Titles */
  .s-reviews-header-wrapper h1,
  .s-block--best-offers h2 {
    font-size: 30px;
  }

  /* Title::After */
  .s-reviews-header-wrapper h1::after, 
  .s-block--best-offers h2::after {
    font-size: 14px;
  }
}

/* Footer Start */
.footer-is-light .store-footer .store-footer__inner{
    background-color: black;
    color: white;
    border: none;
}
.footer-is-light .store-footer{
    background-color: black;
}

/* remove border - xmoaaz */
.footer-is-light .store-footer .contact-social {
  border: none;
}
.copyright-text p {
  color: #fff;
}
/* color: black to icons's border */
span.s-contacts-icon {
    border-color: #fff;
}
.store-footer .copyright-text a:hover {
    opacity: 0.7;
    color: #fff;
}

.unicode {
  text-align: right;
}
@media (width < 1024px) {
	footer * {
  		margin-left: auto;
  		margin-right: auto;
  		text-align: center;
	}
}
/* Footer End */

/* Animation */
section {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
section.show {
  opacity: 1;
  transform: translateY(0);
}