.product-slider-container { width:100%; max-width:1300px; margin:20px auto; padding:15px 2px; text-align:right; border-radius:5px; box-sizing:border-box; position:relative; min-height:200px; background:#D6ECFF; }
.product-loader-initial { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:250px; }
.product-loader-initial span { font-size:14px; color:#fff; font-weight:500; }
.at-product-slider { --items-per-view:5; --gap-size:15px; display:flex; gap:5px; overflow-x:hidden; cursor:grab; -ms-overflow-style:none; scrollbar-width:none; user-select:none; direction:rtl; align-items:stretch; padding:10px 5px; }
.at-product-slider::-webkit-scrollbar { display:none; }
.at-product-slider.active { cursor:grabbing; cursor:-webkit-grabbing; }
.at-product-slider > * { flex:0 0 calc((100% - (var(--items-per-view) - 1) * var(--gap-size)) / var(--items-per-view)); box-sizing:border-box; }
.product-loader-slide { display:flex; align-items:stretch; justify-content:center; }
.product-loader-box { width:100%; height:100%; border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:15px; box-shadow:0 2px 8px rgba(0,0,0,.04); box-sizing:border-box; }
.product-loader-box span { font-size:13px; color:#fff; font-weight:500; white-space:nowrap; }
.dots-loader { display:flex; align-items:center; justify-content:center; gap:6px; margin-bottom:10px; }
.dots-loader span { width:8px; height:8px; background:#fff; border-radius:50%; animation:dotsLoading 1.2s infinite ease-in-out; }
.dots-loader span:nth-child(2) { animation-delay:.15s; }
.dots-loader span:nth-child(3) { animation-delay:.3s; }
@keyframes dotsLoading { 0%,80%,100% { transform:scale(.6); opacity:.5; } 40% { transform:scale(1); opacity:1; } }
@media (max-width:1024px){ .at-product-slider { --items-per-view:4.2; gap:5px; padding-left:0; padding-right:0; } }
@media (max-width:768px){ .at-product-slider { --items-per-view:3.2; gap:3px; padding-left:0; padding-right:0; } .product-loader-box span { font-size:11px; } }
@media (max-width:480px){ .at-product-slider { --items-per-view:2.3; gap:3px; padding-left:0; padding-right:0; } .product-loader-box span { display:none; } .at-spinner { width:22px; height:22px; border-width:2px; } }
@media (max-width:320px){ .at-product-slider { --items-per-view:2.1; } }
@media (max-width:268px){ .at-product-slider { --items-per-view:1.5; gap:3px; padding-left:0; padding-right:0; } .product-loader-box span { font-size:11px; } }




.brand-slider { background:#FFD6EB !important; }
.product-slider-container.brand-slider { padding:5px 0 !important; min-height:auto !important; }
.product-slider-container.brand-slider .product-loader-initial { min-height:10px !important; padding:10px 0 !important; }
.brand-card { display:flex; flex-direction:column; align-items:center; text-decoration:none; gap:2px; transition:.2s ease; }
.brand-card:hover { transform:translateY(-2px); }
.brand-slider .at-product-slider { align-items:center; }
.brand-card-image-wrap { width:100%; border-radius:14px; padding:5px; display:flex; justify-content:center; align-items:center; transition:.2s ease; }
.brand-card-image { width:68px; height:68px; background:#fff; border-radius:16px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.08); }
.brand-card-image img { width:100%; height:100%; object-fit:contain; transition:.2s; }
.brand-card:hover .brand-card-image img { transform:scale(1.05); }
.brand-card-placeholder { font-size:28px; font-weight:700; color:#999; }
.brand-card-name { color:#fff; font-size:13px; font-weight:600; text-align:center; line-height:1.3; }
.brand-slider .at-product-slider { --items-per-view:7.5; --gap-size:5px; }
.brand-slider .slider-title { display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 18px; font-size:22px; font-weight:800; color:#000; }
.brand-slider .slider-title::before, .brand-slider .slider-title::after { content:""; flex:1; max-width:140px; height:1px; background:rgba(255,255,255,.25); }
@media (max-width:1024px){ .brand-slider .at-product-slider { --items-per-view:7.5; } }
@media (max-width:780px){ .brand-slider .at-product-slider { --items-per-view:6.5; } }
@media (max-width:480px){ .brand-slider .at-product-slider { --items-per-view:4.5; } }
@media (max-width:280px){ .brand-slider .at-product-slider { --items-per-view:3.5; } }




.category-slider > span { display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 14px; padding:0 6px; font-size:18px; font-weight:700; color:#111827; letter-spacing:-.4px; position:relative; }
.category-slider > span::before, .category-slider > span::after { content:""; height:1px; flex:1; max-width:160px; background:linear-gradient(90deg,transparent,rgba(239,68,68,.55),transparent); border-radius:999px; }
.category-card { display:flex; flex-direction:column; align-items:center; text-decoration:none; gap:8px; transition:.2s ease; }
.category-slider { max-width:900px; background:none; }
.category-card:hover { transform:translateY(-2px); }
.category-slider .at-product-slider { align-items:center; --items-per-view:3; --gap-size:5px; }
.category-card-image-wrap { width:100%; border-radius:10px; padding:20px 6px; display:flex; justify-content:center; align-items:center; transition:.2s ease; }
.category-card-image { width:68px; height:68px; background:#fff; border-radius:16px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.08); }
.category-card-image img { width:100%; height:100%; object-fit:contain; transition:.2s; }
.category-card:hover .category-card-image img { transform:scale(1.05); }
.category-card-placeholder { font-size:28px; font-weight:700; color:#999; }
.category-card-name { color:#000; font-size:13px; font-weight:600; text-align:center; line-height:1.3; min-height:34px; display:flex; align-items:flex-start; justify-content:center; }
@media (max-width:1024px){ .category-slider .at-product-slider { --items-per-view:3; } }
@media (max-width:780px){ .category-slider .at-product-slider { --items-per-view:3; } .category-card-name { font-size:11px; } }
@media (max-width:480px){ .category-slider .at-product-slider { --items-per-view:3; gap:5px; } }
@media (max-width:280px){ .category-slider .at-product-slider { --items-per-view:3; } }




.sale-slider { background: linear-gradient(90deg,#F8C6D2 0%,#FDECEF 50%,#C9D8F2 100%) !important; }
.slider-header { display:flex; align-items:center; justify-content:space-between; margin:0 auto 12px; max-width:1300px; padding:0 6px; }
.slider-title { margin:0; font-size:18px; font-weight:700; color:#000; }
.slider-more { display:flex; align-items:center; gap:6px; text-decoration:none; font-size:18px; font-weight:600; color:#000; transition:.2s; }
.slider-more:hover { color:#dc2626; gap:10px; }
.slider-divider { max-width:1300px; margin:0 auto 18px; height:1px; background:#e5e7eb; }
@media (max-width:768px){ .slider-title { font-size:12px; } .slider-more { font-size:12px; } .sale-banner-card img { width:40%; } }
.sale-banner-card { display:flex; flex-direction:column; align-items:center; justify-content:center; text-decoration:none; border-radius:16px; overflow:hidden; transition:.2s; }
.sale-banner-card img { width:60%; display:block; object-fit:cover; }
.sale-banner-text { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:12px 8px 14px; }
.sale-banner-text span:first-child { font-size:18px; font-weight:700; color:#fff; }
.sale-banner-text span:last-child { font-size:18px; font-weight:700; color:#fff; }




.banner { width:95%; max-width:1200px; height:50px; overflow:hidden; background:linear-gradient(135deg,#667eea 0%,#764ba2 100%); border-radius:12px; display:flex; align-items:center; margin:20px auto; box-shadow:0 4px 10px rgba(0,0,0,.25); padding:0 10px; }
@media (max-width:1024px){ .banner { margin:65px auto 20px; } }
.scrolling-text { display:inline-block; white-space:nowrap; animation:scrollText 20s linear infinite; font-size:18px; color:#fff; font-weight:700; text-shadow:1px 1px 3px rgba(0,0,0,.5); }
.scrolling-text span { margin-right:60px; transition:transform .3s,color .3s; cursor:default; }
.scrolling-text:hover { animation-play-state:paused; }
@keyframes scrollText { 0% { transform:translateX(-30%); } 100% { transform:translateX(100%); } }
@media (max-width:768px){ .banner { height:40px; padding:0 5px; } .scrolling-text { font-size:14px; animation:scrollText 10s linear infinite; } .scrolling-text span { margin-right:10px; } }