@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#000;--secondary-color:#fff;--accent-color:#d32f2f;--text-light:#666;--bg-light:#fafafa;--transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}body{font-family:'Tajawal',-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--secondary-color);color:var(--primary-color);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.announcement-bar{background-color:var(--primary-color);color:var(--secondary-color);text-align:center;padding:8px;font-size:13px;font-weight:300;letter-spacing:.5px;position:relative;overflow:hidden}.announcement-text{animation:slide-right 15s linear infinite;white-space:nowrap;display:inline-block;padding-left:100%}@keyframes slide-right{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.hero{margin-top:30px;position:relative;min-height:calc(100vh - 100px);display:flex;align-items:center;background-color:var(--bg-light);overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;padding:0 40px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-content{z-index:2;opacity:0;animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}from{opacity:0;transform:translateY(30px)}}.hero-content h1{font-size:clamp(40px, 5vw, 64px);font-weight:700;line-height:1.1;margin-bottom:20px;letter-spacing:-2px}.hero-content p{font-size:18px;color:var(--text-light);margin-bottom:40px;line-height:1.8;max-width:500px}.cta-button{background-color:var(--primary-color);color:var(--secondary-color);padding:18px 50px;border:none;cursor:pointer;font-size:16px;font-weight:500;transition:var(--transition);display:inline-block;text-decoration:none;position:relative;overflow:hidden;letter-spacing:.5px}.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--accent-color);transition:left 0.3s ease}.cta-button:hover::before{left:0}.cta-button span{position:relative;z-index:1}.hero-image{position:relative;height:600px;opacity:0;animation:fadeInUp 1s ease 0.3s forwards}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:30px 30px 60px rgb(0 0 0 / .1)}.categories-section{padding:120px 0;background-color:#fff}.section-header{text-align:center;margin-bottom:90px}.section-title{font-size:56px;font-weight:300;color:#000;letter-spacing:-2px;margin-bottom:20px;position:relative}.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:1px;background-color:#000}.section-subtitle{color:#666;font-size:18px;font-weight:300;margin-top:35px;letter-spacing:.5px}.categories-container{max-width:1300px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.category-card{background:var(--secondary-color);border:1px solid var(--border-color);padding:50px 30px;text-align:center;transition:var(--transition);position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:300px}.category-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#000;transform:scaleX(0);transition:transform 0.3s ease}.category-card:hover::before{transform:scaleX(1)}.category-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .08);border-color:#000}.category-link{text-decoration:none;color:var(--primary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.category-icon{margin-bottom:30px;height:70px;display:flex;align-items:center;justify-content:center}.category-icon svg{width:70px;height:70px;transition:all 0.3s ease}.category-card:hover .category-icon svg{transform:scale(1.1)}.category-card:hover .category-icon svg path,.category-card:hover .category-icon svg circle,.category-card:hover .category-icon svg rect,.category-card:hover .category-icon svg line{stroke:#d32f2f}.category-name{font-size:22px;font-weight:400;margin-bottom:12px;color:#000;letter-spacing:-.5px;transition:all 0.3s ease}.category-desc{font-size:14px;color:#666;font-weight:300;line-height:1.6}.products{padding:100px 0;background-color:var(--bg-light)}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:32px;font-weight:400;color:var(--primary-color);letter-spacing:-3px;margin-bottom:25px;position:relative;display:inline-block;font-family:'Tajawal',sans-serif}.section-title::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:120px;height:2px;background-color:var(--primary-color)}.section-subtitle{color:var(--text-light);font-size:17px;font-weight:400;margin-top:45px;letter-spacing:.3px;font-family:'Tajawal',sans-serif}.products-container{max-width:1400px;margin:0 auto;padding:0 40px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.product-card{position:relative;overflow:hidden;cursor:pointer;transition:var(--transition);background-color:#f8f8f8}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .1)}.product-image{position:relative;height:400px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.product-card:hover .product-image img{transform:scale(1.1)}.product-badge{position:absolute;top:20px;right:20px;background-color:var(--accent-color);color:var(--secondary-color);padding:5px 15px;font-size:12px;font-weight:500;letter-spacing:.5px}.product-info{padding:30px;background-color:var(--secondary-color)}.product-name{font-size:20px;font-weight:500;margin-bottom:8px;transition:var(--transition)}.product-card:hover .product-name{color:var(--accent-color)}.product-price{font-size:18px;color:var(--text-light);font-weight:400}.old-price{text-decoration:line-through;color:#999;margin-right:10px}.quick-add{position:absolute;bottom:-50px;left:0;right:0;background-color:var(--primary-color);color:var(--secondary-color);text-align:center;padding:15px;transition:bottom 0.3s ease;font-weight:500;letter-spacing:.5px;cursor:pointer}.product-card:hover .quick-add{bottom:0}footer{background-color:#111;color:var(--secondary-color);padding:80px 0 30px}.footer-content{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.footer-section h4{margin-bottom:25px;font-size:18px;font-weight:600}.footer-section p{color:#999;line-height:1.8;margin-bottom:20px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section a{color:#999;text-decoration:none;transition:var(--transition);font-size:15px}.footer-section a:hover{color:var(--accent-color)}.footer-section i{margin-left:10px;color:var(--accent-color)}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background-color:rgb(255 255 255 / .1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-links a:hover{background-color:var(--accent-color);transform:translateY(-3px)}.footer-bottom{text-align:center;margin-top:60px;padding-top:30px;border-top:1px solid rgb(255 255 255 / .1);color:#666;font-size:14px}.chat-widget{position:fixed;bottom:30px;left:30px;background-color:#25d366;color:var(--secondary-color);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 20px rgb(0 0 0 / .3);transition:var(--transition);font-size:30px}.chat-widget:hover{transform:scale(1.1);box-shadow:0 8px 30px rgb(0 0 0 / .4)}.loader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--secondary-color);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease}.loader.hidden{opacity:0;pointer-events:none}.loader-spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.nav-links{display:none}.hero-container{grid-template-columns:1fr;gap:40px}.hero-content h1{font-size:36px}.products{padding:60px 0}.product-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.footer-content{grid-template-columns:1fr;gap:40px;text-align:center}.social-links{justify-content:center}}.slider-section{margin:80px 0;position:relative;background-color:var(--bg-light)}.slider-container{max-width:1400px;margin:0 auto;position:relative;overflow:hidden;border-radius:0;box-shadow:0 10px 40px rgb(0 0 0 / .08)}.slider-wrapper{position:relative;width:100%;height:500px;background-color:#f5f5f5}.slider-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.6s ease,visibility 0.6s ease;will-change:opacity}.slider-slide.active{opacity:1;visibility:visible;z-index:2}.slider-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background-color:#f0f0f0}.slider-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 8s ease;will-change:transform}.slider-slide.active .slider-image{transform:scale(1.05)}.slider-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;z-index:1;transition:opacity 0.3s ease}.slider-loading.loaded{opacity:0;pointer-events:none}.slider-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.slider-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(0 0 0 / .4) 0%,rgb(0 0 0 / .1) 100%);z-index:3}.slider-content-inner{text-align:center;max-width:800px;padding:40px;opacity:0;transform:translateY(30px);animation:slideContentIn 0.8s ease 0.3s forwards}.slider-slide:not(.active) .slider-content-inner{animation:none;opacity:0;transform:translateY(30px)}@keyframes slideContentIn{to{opacity:1;transform:translateY(0)}}.slider-title{font-size:clamp(32px, 4vw, 56px);font-weight:700;color:var(--secondary-color);margin-bottom:20px;text-shadow:2px 2px 4px rgb(0 0 0 / .3);letter-spacing:-1px;line-height:1.2}.slider-description{font-size:clamp(16px, 2vw, 20px);color:rgb(255 255 255 / .95);margin-bottom:30px;line-height:1.6;text-shadow:1px 1px 2px rgb(0 0 0 / .3);font-weight:300}.slider-button{display:inline-block;background-color:var(--accent-color);color:var(--secondary-color);padding:15px 40px;text-decoration:none;font-size:16px;font-weight:500;border-radius:0;transition:all 0.3s ease;position:relative;overflow:hidden;letter-spacing:.5px;box-shadow:0 4px 15px rgb(211 47 47 / .3)}.slider-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background-color:rgb(255 255 255 / .2);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.slider-button:hover::before{width:300px;height:300px}.slider-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(211 47 47 / .4)}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgb(0 0 0 / .6);color:var(--secondary-color);border:none;width:50px;height:50px;cursor:pointer;transition:all 0.3s ease;z-index:5;display:flex;align-items:center;justify-content:center;font-size:18px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.slider-prev{right:20px}.slider-next{left:20px}.slider-nav:hover{background-color:var(--accent-color);transform:translateY(-50%) scale(1.1)}.slider-nav:active{transform:translateY(-50%) scale(.95)}.slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:5;padding:10px 20px;background-color:rgb(0 0 0 / .3);border-radius:30px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.slider-dot{width:12px;height:12px;border-radius:50%;background-color:rgb(255 255 255 / .5);border:none;cursor:pointer;transition:all 0.3s ease;position:relative}.slider-dot::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #fff0;border-radius:50%;transition:all 0.3s ease}.slider-dot:hover{background-color:rgb(255 255 255 / .8)}.slider-dot.active{background-color:var(--accent-color);width:30px;border-radius:6px}.slider-dot.active::after{border-color:var(--accent-color)}@media (max-width:768px){.slider-section{margin:40px 0}.slider-wrapper{height:350px}.slider-content-inner{padding:20px}.slider-title{font-size:28px;margin-bottom:15px}.slider-description{font-size:16px;margin-bottom:20px}.slider-button{padding:12px 30px;font-size:14px}.slider-nav{width:40px;height:40px;font-size:16px}.slider-prev{right:10px}.slider-next{left:10px}.slider-dots{bottom:20px;padding:8px 15px;gap:8px}.slider-dot{width:10px;height:10px}.slider-dot.active{width:25px}}@media (max-width:1024px) and (min-width:769px){.slider-wrapper{height:450px}.slider-title{font-size:42px}}@media (prefers-reduced-motion:reduce){.slider-slide,.slider-image,.slider-content-inner,.slider-nav,.slider-dot,.slider-button{transition:none!important;animation:none!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.slider-container{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (hover:none) and (pointer:coarse){.slider-nav{width:60px;height:60px}.slider-dots{padding:12px 24px}.slider-dot{width:14px;height:14px}}