/* Add custom CSS styles below */ .s-block--categories .image--aspect-ratio.image--aspect-ratio--square.overflow-hidden.\!rounded-full { width: 83% !important; }.product-entry__image.relative.shrink-0 { border-radius: 13px; }.banner.banner--fixed.overflow-hidden.anime-item.block { border-radius: 18px; } /* WINTER*/ #featured-products-4 { position: relative !important; overflow: hidden; z-index: 1; border-radius: 8px; /* تجميل الحواف قليلاً */ padding-top: 20px; padding-bottom: 20px; } /* 2. حاوية الثلج */ #featured-products-4 .initial-snow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; /* يسمح للعميل بالنقر على المنتجات */ z-index: 0; /* خلف المحتوى */ } /* 3. تنسيق ندفة الثلج */ #featured-products-4 .snow { color: white; position: absolute; top: -50px; user-select: none; line-height: 1; } /* 4. حركة السقوط */ @keyframes sectionSnowfall { 0% { transform: translate3d(var(--left-ini), 0, 0); } 100% { transform: translate3d(var(--left-end), 1000px, 0); /* مسافة السقوط */ } } /* 5. توزيع وتنسيق الـ 50 عنصر (كما في الستايل المطلوب) */ #featured-products-4 .snow:nth-child(2n) { filter: blur(1px); font-size: 25px; } #featured-products-4 .snow:nth-child(6n) { filter: blur(2px); font-size: 20px; } #featured-products-4 .snow:nth-child(10n) { filter: blur(4px); font-size: 15px; } /* القائمة الطويلة لتوزيع العناصر عشوائياً */ #featured-products-4 .snow:nth-child(1) { --size: 0.8vw; --left-ini: 0vw; --left-end: -1vw; left: 70%; animation: sectionSnowfall 9s linear infinite; animation-delay: -1s; } #featured-products-4 .snow:nth-child(2) { --size: 0.2vw; --left-ini: -7vw; --left-end: 10vw; left: 65%; animation: sectionSnowfall 15s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(3) { --size: 1vw; --left-ini: 6vw; --left-end: 6vw; left: 1%; animation: sectionSnowfall 9s linear infinite; animation-delay: -7s; } #featured-products-4 .snow:nth-child(4) { --size: 0.2vw; --left-ini: -3vw; --left-end: 9vw; left: 88%; animation: sectionSnowfall 14s linear infinite; animation-delay: -5s; } #featured-products-4 .snow:nth-child(5) { --size: 0.4vw; --left-ini: -2vw; --left-end: -9vw; left: 74%; animation: sectionSnowfall 6s linear infinite; animation-delay: -4s; } #featured-products-4 .snow:nth-child(6) { --size: 0.2vw; --left-ini: 5vw; --left-end: 1vw; left: 35%; animation: sectionSnowfall 6s linear infinite; animation-delay: -7s; } #featured-products-4 .snow:nth-child(7) { --size: 0.4vw; --left-ini: -2vw; --left-end: -1vw; left: 27%; animation: sectionSnowfall 10s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(8) { --size: 1vw; --left-ini: -9vw; --left-end: -2vw; left: 69%; animation: sectionSnowfall 8s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(9) { --size: 0.2vw; --left-ini: -1vw; --left-end: -5vw; left: 84%; animation: sectionSnowfall 11s linear infinite; animation-delay: -6s; } #featured-products-4 .snow:nth-child(10) { --size: 0.2vw; --left-ini: 7vw; --left-end: -9vw; left: 82%; animation: sectionSnowfall 10s linear infinite; animation-delay: -3s; } #featured-products-4 .snow:nth-child(11) { --size: 0.6vw; --left-ini: -2vw; --left-end: -1vw; left: 48%; animation: sectionSnowfall 10s linear infinite; animation-delay: -1s; } #featured-products-4 .snow:nth-child(12) { --size: 0.2vw; --left-ini: 5vw; --left-end: 6vw; left: 39%; animation: sectionSnowfall 15s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(13) { --size: 0.2vw; --left-ini: 6vw; --left-end: 5vw; left: 3%; animation: sectionSnowfall 9s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(14) { --size: 0.8vw; --left-ini: -5vw; --left-end: -2vw; left: 49%; animation: sectionSnowfall 11s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(15) { --size: 0.6vw; --left-ini: 10vw; --left-end: 4vw; left: 77%; animation: sectionSnowfall 7s linear infinite; animation-delay: -4s; } #featured-products-4 .snow:nth-child(16) { --size: 0.8vw; --left-ini: -3vw; --left-end: 1vw; left: 86%; animation: sectionSnowfall 14s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(17) { --size: 1vw; --left-ini: 6vw; --left-end: -7vw; left: 18%; animation: sectionSnowfall 9s linear infinite; animation-delay: -6s; } #featured-products-4 .snow:nth-child(18) { --size: 1vw; --left-ini: -9vw; --left-end: 4vw; left: 64%; animation: sectionSnowfall 13s linear infinite; animation-delay: -7s; } #featured-products-4 .snow:nth-child(19) { --size: 1vw; --left-ini: 2vw; --left-end: -7vw; left: 52%; animation: sectionSnowfall 15s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(20) { --size: 0.4vw; --left-ini: 0vw; --left-end: 8vw; left: 5%; animation: sectionSnowfall 8s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(21) { --size: 0.6vw; --left-ini: -9vw; --left-end: -2vw; left: 10%; animation: sectionSnowfall 12s linear infinite; animation-delay: -3s; } #featured-products-4 .snow:nth-child(22) { --size: 0.8vw; --left-ini: -3vw; --left-end: -8vw; left: 54%; animation: sectionSnowfall 11s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(23) { --size: 0.6vw; --left-ini: -7vw; --left-end: -8vw; left: 20%; animation: sectionSnowfall 6s linear infinite; animation-delay: -3s; } #featured-products-4 .snow:nth-child(24) { --size: 0.4vw; --left-ini: 10vw; --left-end: -4vw; left: 68%; animation: sectionSnowfall 10s linear infinite; animation-delay: -8s; } #featured-products-4 .snow:nth-child(25) { --size: 1vw; --left-ini: 3vw; --left-end: 5vw; left: 90%; animation: sectionSnowfall 7s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(26) { --size: 1vw; --left-ini: -7vw; --left-end: 5vw; left: 71%; animation: sectionSnowfall 13s linear infinite; animation-delay: -2s; } #featured-products-4 .snow:nth-child(27) { --size: 0.6vw; --left-ini: 9vw; --left-end: 4vw; left: 2%; animation: sectionSnowfall 15s linear infinite; animation-delay: -5s; } #featured-products-4 .snow:nth-child(28) { --size: 1vw; --left-ini: -5vw; --left-end: 3vw; left: 23%; animation: sectionSnowfall 12s linear infinite; animation-delay: -1s; } #featured-products-4 .snow:nth-child(29) { --size: 0.4vw; --left-ini: -2vw; --left-end: -1vw; left: 39%; animation: sectionSnowfall 14s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(30) { --size: 0.6vw; --left-ini: -9vw; --left-end: -5vw; left: 76%; animation: sectionSnowfall 10s linear infinite; animation-delay: -5s; } #featured-products-4 .snow:nth-child(31) { --size: 0.4vw; --left-ini: -5vw; --left-end: 3vw; left: 14%; animation: sectionSnowfall 8s linear infinite; animation-delay: -5s; } #featured-products-4 .snow:nth-child(32) { --size: 0.2vw; --left-ini: 5vw; --left-end: -1vw; left: 86%; animation: sectionSnowfall 10s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(33) { --size: 0.4vw; --left-ini: -3vw; --left-end: 10vw; left: 66%; animation: sectionSnowfall 6s linear infinite; animation-delay: -6s; } #featured-products-4 .snow:nth-child(34) { --size: 1vw; --left-ini: -3vw; --left-end: 6vw; left: 75%; animation: sectionSnowfall 14s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(35) { --size: 1vw; --left-ini: -6vw; --left-end: 7vw; left: 22%; animation: sectionSnowfall 7s linear infinite; animation-delay: -5s; } #featured-products-4 .snow:nth-child(36) { --size: 1vw; --left-ini: 3vw; --left-end: 4vw; left: 10%; animation: sectionSnowfall 11s linear infinite; animation-delay: -10s; } #featured-products-4 .snow:nth-child(37) { --size: 0.6vw; --left-ini: 2vw; --left-end: 10vw; left: 95%; animation: sectionSnowfall 13s linear infinite; animation-delay: -6s; } #featured-products-4 .snow:nth-child(38) { --size: 0.8vw; --left-ini: 5vw; --left-end: 8vw; left: 34%; animation: sectionSnowfall 9s linear infinite; animation-delay: -10s; } #featured-products-4 .snow:nth-child(39) { --size: 0.8vw; --left-ini: 4vw; --left-end: 0vw; left: 80%; animation: sectionSnowfall 11s linear infinite; animation-delay: -2s; } #featured-products-4 .snow:nth-child(40) { --size: 0.8vw; --left-ini: 1vw; --left-end: -7vw; left: 45%; animation: sectionSnowfall 11s linear infinite; animation-delay: -4s; } #featured-products-4 .snow:nth-child(41) { --size: 0.2vw; --left-ini: 9vw; --left-end: 10vw; left: 82%; animation: sectionSnowfall 8s linear infinite; animation-delay: -2s; } #featured-products-4 .snow:nth-child(42) { --size: 1vw; --left-ini: 9vw; --left-end: -9vw; left: 22%; animation: sectionSnowfall 10s linear infinite; animation-delay: -6s; } #featured-products-4 .snow:nth-child(43) { --size: 0.6vw; --left-ini: 5vw; --left-end: 8vw; left: 66%; animation: sectionSnowfall 11s linear infinite; animation-delay: -1s; } #featured-products-4 .snow:nth-child(44) { --size: 0.6vw; --left-ini: -5vw; --left-end: -2vw; left: 75%; animation: sectionSnowfall 12s linear infinite; animation-delay: -4s; } #featured-products-4 .snow:nth-child(45) { --size: 0.2vw; --left-ini: 0vw; --left-end: 3vw; left: 2%; animation: sectionSnowfall 7s linear infinite; animation-delay: -5s; } #featured-products-4 .snow:nth-child(46) { --size: 0.2vw; --left-ini: 8vw; --left-end: -3vw; left: 94%; animation: sectionSnowfall 8s linear infinite; animation-delay: -9s; } #featured-products-4 .snow:nth-child(47) { --size: 0.6vw; --left-ini: -6vw; --left-end: -9vw; left: 95%; animation: sectionSnowfall 11s linear infinite; animation-delay: -4s; } #featured-products-4 .snow:nth-child(48) { --size: 0.2vw; --left-ini: -5vw; --left-end: 6vw; left: 34%; animation: sectionSnowfall 10s linear infinite; animation-delay: -6s; } #featured-products-4 .snow:nth-child(49) { --size: 0.8vw; --left-ini: 4vw; --left-end: 8vw; left: 22%; animation: sectionSnowfall 12s linear infinite; animation-delay: -10s; } #featured-products-4 .snow:nth-child(50) { --size: 0.2vw; --left-ini: -4vw; --left-end: 4vw; left: 99%; animation: sectionSnowfall 14s linear infinite; animation-delay: -9s; } .header--transparent #main-nav:not(.fixed-pinned) .navbar-brand { filter: brightness(0.5) !Important; } .lazy.banner-image.rounded.loaded { border-radius: 15px; } .tab-banner.relative.flex-center.rounded.bg-no-repeat.bg-top.bg-cover.min-h-\[280px\].lg\:min-h-\[360px\] { border-radius: 9px; } /*end of winter*/ @media (max-width: 767px) { .tab-banner.relative.flex-center.rounded.bg-no-repeat.bg-top.bg-cover.min-h-\[280px\].lg\:min-h-\[360px\] { min-height: 126px ; } }.flex.whitespace-nowrap.price-wrapper.gap-4.items-center { justify-content: center; }.product-entry--vertical .product-entry__content { padding-top: 1rem; justify-content: center; text-align: center; } /* تنسيق الشريحة الكبيرة */ .size-guide-slide { background-color: #fff; display: flex !important; align-items: center; justify-content: center; } /* تنسيق الصورة داخل الشريحة */ .size-guide-slide img { max-height: 100%; max-width: 100%; object-fit: contain !important; } /* تنسيق الشريحة المصغرة */ .size-guide-thumb { border: 1px solid #e5e7eb; }