/* Add custom CSS styles below */ 
.s-block--marquee.is-mini {
    background-color: #26190D !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder.s-block--anime.s-block--0 {
    margin-top: 0;
}

.card--addtocard-full-btn .btn--add-to-cart--full .s-button-btn {
    border-radius: 8px;
}
.product-entry--vertical {
    border: 1px solid #42391E1F;
    border-radius: 16px;
}
.product-entry--vertical .product-entry__content {
    padding: 1.5rem;
}
.s-block--fixed-banner + .s-block--fixed-banner {
    margin-top: 3rem;
}
.store-footer__inner,
.store-footer{
    background-color: #26190D;
    color: #ffff;
}

section.s-block.s-block--anime.s-block--categories.square .image--aspect-ratio--square {
    padding-bottom: 0;
    height: auto !important;
    background-color: transparent;
    width: 100%;
    aspect-ratio: 11 / 9;
    height: auto;
}
section.s-block.s-block--anime.s-block--categories.square .slide--cat-entry,
section.s-block.s-block--anime.s-block--categories.square .anime-item{
    background-color: transparent;
    width: 100%;
    aspect-ratio: 11 / 9;
    height: auto !important;
    min-height: 100% !important;
    border-radius: 10px !important;
}

section.s-block.s-block--anime.s-block--categories.square img.lazy.loaded {
    object-fit: contain !important;
    --tw-scale-x: none !important;
    --tw-scale-y: none !important;
}
@media (min-width: 1024px) {
    .lg\:grid-cols-4
 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
}


@media(max-width: 768px){
.s-block--fixed-banner + .s-block--fixed-banner {
    margin-top: 2rem;
}
.swiper-slide {
    width: 56%;
}
  section.s-block.s-block--anime.s-block--categories.square .slide--cat-entry, section.s-block.s-block--anime.s-block--categories.square .anime-item {
    aspect-ratio: 9 / 9;
}
  
.anime-item:nth-child(3) {
    left: -56%;
    position: relative;
}
}
/* تلوين أي زرار جواه رابط انستغرام */
a[href*="instagram.com"] {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    color: #FFFFFF !important;
}

/* تلوين أي زرار جواه رابط تيك توك */
a[href*="tiktok.com"] {
    background-color: #010101 !important;
    color: #FFFFFF !important;