:root{--banner-height: 60vh;--banner-max-height: 800px;--banner-min-height: 500px;--banner-content-width: 800px;--banner-arrow-size: 50px;--banner-dot-size: 12px}.banner-container{position:relative;width:100%;height:var(--banner-height);max-height:var(--banner-max-height);min-height:var(--banner-min-height);overflow:hidden;margin-top:5px}.banner-slides{position:relative;width:100%;height:100%}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center;text-align:center}.banner-slide.active{opacity:1}.banner-content{background-color:#00000080;padding:2rem;border-radius:8px;max-width:var(--banner-content-width);margin:0 auto;color:#fff;animation:fadeInUp .8s ease-out}.banner-title{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner-description{font-size:clamp(.9rem,2vw,1.2rem);margin-bottom:1.5rem;line-height:1.5;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.banner-button{display:inline-block;padding:.8rem 1.8rem;background-color:var(--secondary-color, #007bff);color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:all .3s ease;border:2px solid transparent;font-size:clamp(.8rem,2vw,1rem)}.banner-button:hover{background-color:transparent;border-color:#fff;transform:translateY(-2px)}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--banner-arrow-size);height:var(--banner-arrow-size);background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.banner-arrow:hover{background-color:#000c;transform:translateY(-50%) scale(1.1)}.banner-arrow.prev{left:20px}.banner-arrow.next{right:20px}.banner-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10}.dot{width:var(--banner-dot-size);height:var(--banner-dot-size);border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .3s ease;border:none;padding:0}.dot.active{background-color:#fff;transform:scale(1.2)}.dot:hover{background-color:#fff;transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){:root{--banner-height: 40vh;--banner-min-height: 400px;--banner-arrow-size: 40px}.banner-content{padding:1.5rem;width:60%}.banner-arrow{font-size:1.2rem}}@media (max-width: 480px){:root{--banner-height: 40vh;--banner-min-height: 300px;--banner-dot-size: 10px}.banner-button{padding:.6rem 1.2rem}.banner-arrow{width:35px;height:35px;font-size:1rem}}.banner-container[dir=rtl] .banner-content{text-align:center}.categories-section{text-align:center;padding:3rem 1rem;max-width:1200px;margin:0 auto}.categories-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 1rem}.category-link{text-decoration:none;color:inherit}.category-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;height:100%}.category-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.category-image-container{position:relative;height:200px;overflow:hidden}.category-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card:hover .category-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#0000004d)}.category-text-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;box-sizing:border-box;color:#fff;text-align:center}.category-title{font-size:1.4rem;margin-bottom:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.category-description{color:#fff0;margin-bottom:0;line-height:1.5;max-height:0;overflow:hidden;transition:all .3s ease;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.category-card:hover .category-title{margin-bottom:.8rem}.category-card:hover .category-description{color:#ffffffe6;max-height:100px;margin-bottom:1.2rem}@media (max-width: 768px){.categories-container{grid-template-columns:1fr;max-width:500px;margin:0 auto}.section-title{font-size:1.8rem}.category-title{font-size:1.3rem}}@media (max-width: 480px){.categories-section{padding:2rem .5rem}.category-image-container{height:180px}.category-text-content{padding:1.2rem}}.products-section{text-align:center;padding:3rem 1rem;max-width:1400px;margin:0 auto}.section-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--secondary-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:0 1rem}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 480px){.products-section{padding:2rem .5rem}.products-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto}}