/* Add custom CSS styles below */
.quicklinks {
  background-color: #fff !important;
  color: #000 !important;
}

.quicklinks .main-menu .sub-menu {
  background-color: #fff !important;
  color: #000 !important;
}

.quicklinks .main-menu .sub-menu a,
.quicklinks .main-menu .sub-menu span {
  color: #000 !important;
}

html[color-theme="dark"] .mburger span {
    background-color: #fff !important;
} 

html[color-theme="dark"] .quicklinks {
  background-color: #1d1f1f !important;
  color: #fff !important;
}

html[color-theme="dark"] .quicklinks .main-menu .sub-menu {
  background-color: #1d1f1f !important;
  color: #fff !important;
}
html[color-theme="dark"] .quicklinks .main-menu .sub-menu a,
html[color-theme="dark"] .quicklinks .main-menu .sub-menu span {
  color: #fff !important;
}

.quicklinks .main-menu .sub-menu a:hover {
  background-color: #f5f5f5 !important;
}

html[color-theme="dark"] .quicklinks .main-menu .sub-menu a:hover {
  background-color: #2a2c2c !important;
}

.s-block--categories .slide--cat-entry .image--aspect-ratio {
    display: flex;
    justify-content: center;
    align-items: center;
}

.s-block--categories .slide--cat-entry img {
    object-fit: contain;
    background-color: #fff;
    width: 50%;
}

html[color-theme="dark"] .s-block--categories .slide--cat-entry img {
    background-color: #1d1f1f;
}

.s-block--categories .slide--cat-entry h2 {
    margin-right: 95px;
}

.s-block--categories .image--aspect-ratio {
    background-color: #fff;
}

html[color-theme="dark"] .s-block--categories .image--aspect-ratio {
    background-color: #1d1f1f;
}

@media (max-width: 767px) {
    .tab-banner {
        min-height: 450px !important;
        background-size: cover !important;
        background-position: center !important;
    }

  .s-block--content-with-images .lg\:flex {
    display: flex;
    flex-direction: column-reverse;
}

  .s-block--content-with-images .mt-14 {
    margin-top: 48px;
    margin-bottom: 32px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
    .tab-banner {
        min-height: 550px !important;
        background-size: cover !important;
        background-position: center !important;
    }
}

@media (min-width: 1025px) and (max-width: 1536px) {
    
   .s-block--content-with-images .max-w-xl {
        max-width: 55%;
    }

    .s-block--content-with-images .w-44 {
        width: 160px;
    }

    .s-block--content-with-images .gap-8 {
        gap: 20px;
    }
}

@media (min-width: 1024px) {
  .sec-bannered-product-section .tabs__item.has-banner {
    display: grid !important;
    grid-template-columns: 1fr 50%;
  }
  
  .sec-bannered-product-section .products-list-wrap {
    grid-row: 1;
  }

   .s-block--content-with-images .lg\:flex {
    flex-direction: row-reverse !important;
  }
}

.s-block--content-with-images .more-link {
  background-color: #0D376A;
  color: white;
  padding: 25px;
}

.s-block--content-with-images .more-link:hover {
  background-color: #0a2a52;
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .s-block--content-with-images .mt-14 {
    padding-top: 100px !important;
  }
}

.s-block--content-with-images .relative .pointer-events-none {
    box-shadow: none !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}


@media (min-width: 768px) {
    .mobile-product-banner-view {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .desktop-product-banner-view {
        display: none !important;
    }
}

html[color-theme="dark"] .product-tabs .tabs__item.is-active span {
    background-color: #FFE082 !important;
}



html[color-theme="dark"] .product-tabs .ql-direction-rtl,
html[color-theme="dark"] .product-tabs .ql-direction-rtl * {
    color: white !important;
}

html[color-theme="dark"] .s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *) {
  color: #fff !important;
}




html[color-theme="light"] .dark-gif-banner ,
html[color-theme="dark"] .light-gif-banner {
    display: none !important;
}

html[color-theme="dark"] .cart-item p.text-primary {
  color: #Fff !important;
}

html[color-theme="dark"] .cart-item .item-total {
  color: #fff !important; 
}

html[color-theme="dark"] .product-entry__title a:hover 
{
  color: #bcbbbb;
}

html[color-theme="dark"] .product-tabs .tabs__item strong[style*="rgb(253, 238, 8)"] {
  background-color: #FFE082 !important;
}
html[color-theme="dark"]  .whitespace-nowrap a.fix-align.text-primary {
    color: #d4af37 !important;
}


span.total-price{
        color: #d4af37 !important;

}

html[color-theme="dark"] .product-tabs .tabs__item.is-active span {
    background-color: #977204 !important;
}

span.discount-amount.font-bold {
            color: red !important;

}
article.product__description a  ,
span.total-price{
        color: #d4af37 !important;

}