:root {
  --main-color: #195b55;
  --secondary-color: #957547;
  --white-color: white;
  --sup-color: #957547b8;
  --black-color: black;
  --linear-color: linear-gradient(
    180deg,
    rgba(195, 166, 134, 0.9304096638655462) 6%,
    rgba(195, 166, 134, 1) 17%,
    rgba(177, 148, 115, 1) 74%
  );
}

#IRT__cat-irtiqa-1 .swiper-pagination {
  display: none !important;
}

.faq-item,
.faq-section,
.enhanced-testimonials,
.frequently-asked-questions {
  background: #0b3a58 !important;
}

.faq-section {
  padding-block: 2rem !important;
}
.testimonials-head h2,
.faq-section h2 {
  color: #fff !important;
}
/* Header */
body,
.sub-menu {
  background-color: #cdd2d7 !important;
}
#mainnav {
  height: unset !important;
  padding-bottom: 16px;
}
#mainnav .navbar-brand {
  height: 80px !important;
  width: 80px !important;
}
.main-menu li.root-level > a {
  background-color: #2e557e;
  color: #fff;
  border-radius: 10px;
}
ul.main-menu.mm-spn--open {
  gap: 10px;
  justify-content: center;
}
.top-navbar {
  margin-bottom: 8px !important;
}
.fixed-header .header-container {
  margin-top: 10px !important;
}
@media (min-width: 1280px) {
  #mainnav .container {
    max-width: 1400px;
  }
}
/* Social */
.top-navbar a[href*="instagram"],
footer a[href*="instagram"] {
  background: linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  border: none;
  color: #fff;
}
.top-navbar a[href*="tiktok"],
footer a[href*="tiktok"] {
  background: var(--black-color);
  color: #fff;
}
.top-navbar a[href*="snapchat"],
footer a[href*="snapchat"] {
  background: #ff0;
  color: var(--black-color);
}
.top-navbar a[href*="youtube"],
footer a[href*="youtube"] {
  background: #f03;
  color: var(--white-color);
}
.top-navbar a[href*="facebook"],
footer a[href*="facebook"] {
  background: #0866ff !important;
  color: var(--white-color) !important;
}
.top-navbar a[href="https://twitter.com/Newestsolution1"],
footer a[href="https://twitter.com/Newestsolution1"] {
  background-color: var(--black-color);
  color: var(--white-color);
}

/* IRT__irtiqa-slider */
section#IRT__irtiqa-slider-0 .container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
}

/* Main Banners */
section.s-block.s-block--fixed-banner.wide-placeholder .container {
  max-width: 1600px;
}
i.sicon-undo {
  display: none;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-block: 2rem;
}

/* Categories List Start */
section.s-block.s-block--banners.container {
  margin-bottom: 3%;
}
.s-block.s-block--banners.container.IR_space-lg {
  max-width: 1600px;
  margin-top: 2rem;
}
section.s-block.s-block--banners.container .grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: unset;
}
.square-photos-grid--featured-3 > .banner-entry:first-child,
.square-photos-grid--featured-5 > .banner-entry:first-child {
  grid-row: unset;
  height: 100%;
  grid-column: unset;
  padding: 1.25rem;
}
.two-row .banner-entry:first-child {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}
a.banner-entry {
  height: 305px;
  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;
}
/* 4 */
section:nth-child(4 of .s-block.s-block--banners.container.IR_space-lg) .grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
section:nth-child(4 of .s-block.s-block--banners.container.IR_space-lg)
  .banner-entry {
  height: 240px;
}
/* 5 & 6 */
section:nth-child(5 of .s-block.s-block--banners.container.IR_space-lg) .grid,
section:nth-child(6 of .s-block.s-block--banners.container.IR_space-lg) .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
section:nth-child(5 of .s-block.s-block--banners.container.IR_space-lg)
  .banner-entry,
section:nth-child(6 of .s-block.s-block--banners.container.IR_space-lg)
  .banner-entry {
  height: 350px;
}
/* 7 */
section:nth-child(7 of .s-block.s-block--banners.container.IR_space-lg) .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 768px) and (max-width: 1200px) {
  a.banner-entry {
    height: 250px;
  }
}
@media (max-width: 768px) {
  a.banner-entry {
    height: 190px;
  }
  /* 4 */
  section:nth-child(4 of .s-block.s-block--banners.container.IR_space-lg)
    .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  section:nth-child(4 of .s-block.s-block--banners.container.IR_space-lg)
    .banner-entry {
    height: 130px;
  }
  /* 5 & 6 */
  section:nth-child(5 of .s-block.s-block--banners.container.IR_space-lg) .grid,
  section:nth-child(6 of .s-block.s-block--banners.container.IR_space-lg)
    .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  section:nth-child(5 of .s-block.s-block--banners.container.IR_space-lg)
    .banner-entry,
  section:nth-child(6 of .s-block.s-block--banners.container.IR_space-lg)
    .banner-entry {
    height: 155px;
  }
}
@media (max-width: 576px) {
  a.banner-entry {
    height: 110px;
  }
}
/* Categories List End */

/* Products */
.s-product-card-entry {
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}
.s-product-card-price {
  color: #920000 !important;
}
.s-block--best-offers {
  margin-bottom: 2rem;
}

/* Footer */
footer *:not(svg, path) {
  color: #fff;
}
a[title="snapchat"] .s-social-icon {
  color: #000;
}

/** NOT Home START **/
/* product-single */
.product-single button[product-status="sale"],
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  background: #124669 !important;
  color: #fff;
  border: 0 !important;
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4
  > div.product__description.sm\:p-1.leading-7.mb-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.IRT__pormotion span:before {
  border-color: gray !important;
}
.IRT__pormotion span {
  background: gray !important;
  font-weight: 600;
  color: #040e18 !important;
}
/* btn-show-more */
#btn-show-more,
#btn-show-more:hover {
  color: #fff !important;
}
#btn-show-more {
  background: #0b3860 !important;
  padding: 10px 35px;
  border-radius: 12px;
}
/* irt-merged-wrapper */
.irt-merged-wrapper {
  padding: 10px 14px !important;
}
.irt-icons-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px 12px !important;
  padding: 8px 0 !important;
}
.irt-icons-grid .banner-entry {
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  animation: irt-fadeInUp 0.55s cubic-bezier(0.22, 0.9, 0.32, 1) both;
}
.irt-icons-grid .banner-entry:nth-child(1) {
  animation-delay: 0s;
}
.irt-icons-grid .banner-entry:nth-child(2) {
  animation-delay: 0.04s;
}
.irt-icons-grid .banner-entry:nth-child(3) {
  animation-delay: 0.08s;
}
.irt-icons-grid .banner-entry:nth-child(4) {
  animation-delay: 0.12s;
}
.irt-icons-grid .banner-entry:nth-child(5) {
  animation-delay: 0.16s;
}
.irt-icons-grid .banner-entry:nth-child(6) {
  animation-delay: 0.2s;
}
.irt-icons-grid .banner-entry:nth-child(7) {
  animation-delay: 0.24s;
}
.irt-icons-grid .banner-entry:nth-child(8) {
  animation-delay: 0.28s;
}
.irt-icons-grid .banner-entry:nth-child(9) {
  animation-delay: 0.32s;
}
.irt-icons-grid .banner-entry:nth-child(10) {
  animation-delay: 0.36s;
}
.irt-icons-grid .banner-entry:nth-child(11) {
  animation-delay: 0.4s;
}
.irt-icons-grid .banner-entry:nth-child(12) {
  animation-delay: 0.44s;
}
.irt-icons-grid .banner-entry:nth-child(13) {
  animation-delay: 0.48s;
}
.irt-icons-grid .banner-entry:nth-child(14) {
  animation-delay: 0.52s;
}
.irt-icons-grid .banner-entry .lazy__bg {
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.irt-icons-grid .banner-entry:hover,
.irt-icons-grid .banner-entry:active {
  transform: scale(0.95) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
}
@keyframes irt-fadeInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* الموبايل */
@media (max-width: 400px) {
  .irt-icons-grid {
    gap: 22px 8px !important;
  }
}
/* الديسكتوب */
@media (min-width: 992px) {
  .irt-merged-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .irt-merged-wrapper .s-block__title {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  .irt-icons-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 20px 16px !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
  }
  .irt-icons-grid .banner-entry {
    border-radius: 14px !important;
    padding: 8px !important;
  }
}
/** NOT Home END **/

/* Products */
.s-product-card-entry {
  background-color: #0b365d;
}
.s-product-card-entry * {
  color: #e5e5eb !important;
}

/** Mobile **/
@media (max-width: 767px) {
  .main-banner {
    min-height: 150px !important;
    --mob-height: 30dvh !important;
  }
  .main-banner img,
  .main-banner video,
  .main-banner picture {
    object-fit: contain !important;
    background-color: #ffff; /* غيّره للون خلفية التصميم عندك لو محتاج */
  }
  .s-slider-container,
  .s-slider-container .swiper,
  .s-slider-container .swiper-wrapper,
  .s-slider-container .swiper-slide {
    margin: 0 !important;
    padding: 0 !important;
  }
  section:has(> .s-slider-container),
  .s-slider-container {
    height: auto !important;
    min-height: 0 !important;
  }

  /*  */
  /* الحاوية الأساسية: نخليها flex مع wrap */
  .s-block--special-product .grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    justify-content: space-between !important;
  }
  /* نخفي العنصر الفاضي في المنتصف اللي بياخد مكان زيادة */
  .s-block--special-product .grid > .flex-center {
    display: none !important;
  }
  /* نفك تجميع المجموعتين عشان الكروت الأربعة تبقى على نفس المستوى */
  .s-block--special-product .flex.flex-row {
    display: contents !important;
  }
  /* كل كارت ياخد 48% من العرض بالظبط عشان يبقوا صف صف */
  .s-block--special-product .flex.flex-col.gap-3 {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    padding: 0.9rem !important;
    border-radius: 14px !important;
    gap: 0.5rem !important;
    min-height: 150px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  /* الأيقونة */
  .s-block--special-product .image-wrap img {
    max-height: 2.2rem !important;
  }
  /* العنوان - يبقى كامل وما يتقصش */
  .s-block--special-product h2 {
    font-size: 0.9rem !important;
    margin-bottom: 0.2rem !important;
    white-space: normal !important;
    width: 100% !important;
    line-height: 1.3 !important;
  }
  /* الوصف */
  .s-block--special-product p {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
    width: 100% !important;
  }
  .s-block--special-product .shadow-lg {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }
}
@media (max-width: 767px) {
  .s-block--banners .grid:has(> .banner-entry:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .s-block--banners
    .grid:has(> .banner-entry:nth-child(2):last-child)
    .banner-entry {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 774 / 344 !important;
  }
}
@media (max-width: 767px) {
  .main-banner {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 774 / 344 !important;
    background: transparent !important;
  }

  .main-banner a,
  .main-banner picture,
  .main-banner img,
  .main-banner video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media (max-width: 767px) {
  #IRT__banners-3.container {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  #IRT__banners-3 .grid {
    gap: 2px !important;
  }
}