:root{--color-primary:#0D202F;--color-text:#212529;--color-text-light:#6c757d;--color-red:#d9534f;--font-family-main:Tajawal,sans-serif;--font-family-logo:Times New Roman,Times,serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-main);background-color:#fff;color:var(--color-text)}.container{padding:0 15px}a{text-decoration:none;color:inherit}.page-view{display:none}.page-view.active{display:block}.main-header{background-color:#fff;padding-bottom:0;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:1000}.header-container{padding:15px 10px;display:flex;justify-content:space-between;align-items:center}.header-group{display:flex;align-items:center;gap:20px}.logo{font-family:var(--font-family-logo);font-size:2rem}.header-icon{position:relative;background:none;border:none;cursor:pointer}.header-icon svg{width:26px;height:26px;stroke:#1a1a1a;stroke-width:1.5}.cart-badge{position:absolute;top:-5px;right:-10px;background-color:var(--color-red);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;border:2px solid #fff}.quick-nav{display:flex;align-items:center;gap:25px;padding:15px 0;border-top:1px solid #f0f0f0;width:90%;margin:0 auto;overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding-bottom:20px}.quick-nav::-webkit-scrollbar{display:none}.quick-nav{-ms-overflow-style:none;scrollbar-width:none}.quick-nav a{position:relative;font-weight:700;color:var(--color-text-light);padding-bottom:8px;transition:color .2s ease}.quick-nav a.active{color:var(--color-primary)}.quick-nav a::after{content:'';position:absolute;bottom:0;right:0;width:100%;height:3px;background-color:var(--color-primary);border-radius:3px;transform:scaleX(0);transition:transform .3s ease-in-out}.quick-nav a.active::after{transform:scaleX(1)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease}.drawer{position:fixed;top:0;right:-100%;width:90%;max-width:350px;height:100%;background-color:#fff;z-index:1002;box-shadow:-5px 0 15px rgba(0,0,0,.1);transition:right .3s ease-in-out;display:flex;flex-direction:column}.drawer.active{right:0}.drawer h2,.dropdown-header h2{padding:20px;font-size:1.5rem;border-bottom:1px solid #f0f0f0;margin:0}.drawer .close-btn,.close-dropdown-btn{position:absolute;top:10px;left:20px;background:none;border:none;font-size:2.5rem;color:#aaa;cursor:pointer}.drawer-content{flex-grow:1;overflow-y:auto;padding:10px}.empty-message{text-align:center;color:#999;margin-top:40px}body.overlay-active{overflow:hidden}body.overlay-active .overlay{opacity:1;visibility:visible}#main-menu ul{list-style:none;margin-top:60px}#main-menu ul li a{display:block;padding:15px 10px;font-size:1.2rem;border-bottom:1px solid #f0f0f0}.drawer-item{display:flex;align-items:center;gap:15px;padding:10px;border-bottom:1px solid #f0f0f0}.drawer-item img{width:70px;height:70px;object-fit:cover;border-radius:8px}.drawer-item-details{flex-grow:1}.drawer-item-details h3{font-size:1rem;font-weight:700;margin-bottom:5px}.drawer-item-details .price,.item-subtotal{font-size:.9rem;color:var(--color-text-light)}.item-subtotal{font-weight:700;color:var(--color-primary);margin-top:5px}.item-quantity-controls{display:flex;align-items:center;gap:5px;margin-top:8px}.item-quantity-controls button{background:#f0f0f0;border:none;width:25px;height:25px;border-radius:50%;font-weight:700;cursor:pointer}.item-quantity-controls span{font-weight:700;padding:0 5px}.drawer-item .remove-btn{background:none;border:none;font-size:1.5rem;color:var(--color-red);cursor:pointer}.drawer-footer{padding:20px;border-top:1px solid #f0f0f0;background:#fafafa}.cart-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;margin-bottom:15px}.checkout-btn{width:100%;background-color:var(--color-primary);color:#fff;border:none;padding:14px;font-size:1.1rem;border-radius:8px;cursor:pointer;margin-bottom:10px}.empty-cart-btn{width:100%;background:none;color:var(--color-text-light);border:1px solid #ddd;padding:10px;font-size:.9rem;border-radius:8px;cursor:pointer}.header-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:1002;box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .2s ease}.header-dropdown.active{transform:translateY(0);opacity:1;visibility:visible}#search-bar{padding:15px;display:flex;align-items:center;gap:10px}#search-bar input{flex-grow:1;border:1px solid #ddd;padding:10px;border-radius:8px;font-family:var(--font-family-main)}#favorites-dropdown{left:auto;right:0;width:90%;max-width:350px;border-radius:0 0 8px 8px}.dropdown-header{display:flex;justify-content:space-between;align-items:center}.dropdown-content{max-height:40vh;overflow-y:auto}#homepage .products-section{padding-top:60px;margin-top:-60px}#homepage .section-title{text-align:right;font-size:1.2rem;font-weight:700;margin-top:25px}#homepage .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#homepage .product-card{position:relative;border-radius:20px;overflow:hidden;color:#fff;transition:transform .2s ease,opacity .2s ease}#homepage .product-card img{width:100%;height:100%;object-fit:cover;display:block}#homepage .card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.45) 0,transparent 80%)}#homepage .product-title{font-size:.85rem;font-weight:500}#homepage .price-container{display:flex;flex-direction:column;align-items:flex-start}#homepage .old-price{font-size:.7rem;text-decoration:line-through;opacity:.8}#homepage .new-price{font-size:1rem;font-weight:700}#product-page{padding-bottom:150px}#product-page .breadcrumbs{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:.9rem;color:var(--color-text-light)}#product-page .product-image img{width:100%;height:auto;display:block}#product-page .product-actions{display:flex;gap:20px;margin-top:24px}#product-page .action-btn{background:none;border:none;cursor:pointer;padding:0}#product-page .action-btn svg{width:24px;height:24px;stroke-width:1.5}#product-page .favorite-btn .icon-heart-outline{display:block;stroke:#333}#product-page .favorite-btn .icon-heart-filled{display:none;color:#1a1a1a}#product-page .favorite-btn.active .icon-heart-outline{display:none}#product-page .favorite-btn.active .icon-heart-filled{display:block}#product-page .product-info{margin-top:24px}#product-page .product-info h1{font-size:1.6rem;font-weight:800}#product-page .rating-block{display:flex;align-items:center;gap:8px;margin-top:12px}#product-page .rating-block .stars{color:#ffc107;font-size:1.2rem}#product-page .rating-block span{font-size:.9rem;color:var(--color-text-light)}#product-page .price-block{display:flex;align-items:baseline;gap:12px;margin-top:12px}#product-page .price-block .new-price{font-size:1.8rem;font-weight:800;color:var(--color-red)}#product-page .price-block .old-price{font-size:1.1rem;color:var(--color-text-light);text-decoration:line-through}#product-page .price-block .old-price:empty{display:none}#product-page .content-divider{border:0;height:1px;background-color:#f0f0f0;margin:24px 0}#product-page .purchase-bar{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:16px;border-top:1px solid #f0f0f0;z-index:100}#product-page .quantity-selector{display:flex;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;margin-bottom:16px;height:50px}#product-page .quantity-selector button{background-color:#fff;border:none;width:50px;font-size:1.8rem;font-weight:400;color:var(--color-text-light);cursor:pointer}#product-page .quantity-selector input{flex-grow:1;border:none;text-align:center;font-size:1.2rem;font-weight:700;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6}#product-page .add-to-cart-btn{width:100%;background-color:var(--color-primary);color:#fff;border:none;padding:14px;font-size:1.1rem;font-weight:700;border-radius:8px}:root{--color-primary:#0D202F;--color-text:#212529;--color-text-light:#6c757d;--color-red:#d9534f;--font-family-main:Tajawal,sans-serif;--font-family-logo:Times New Roman,Times,serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-main);background-color:#fff;color:var(--color-text)}.container{padding:0 15px}a{text-decoration:none;color:inherit}.page-view{display:none}.page-view.active{display:block}.main-header{background-color:#fff;padding-bottom:0;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:1000}.header-container{padding:15px 10px;display:flex;justify-content:space-between;align-items:center}.header-group{display:flex;align-items:center;gap:20px}.logo{font-family:var(--font-family-logo);font-size:2rem}.header-icon{position:relative;background:none;border:none;cursor:pointer}.header-icon svg{width:26px;height:26px;stroke:#1a1a1a;stroke-width:1.5}.cart-badge{position:absolute;top:-5px;right:-10px;background-color:var(--color-red);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;border:2px solid #fff}.quick-nav{display:flex;align-items:center;gap:25px;padding:15px 0;border-top:1px solid #f0f0f0;width:90%;margin:0 auto;overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding-bottom:20px}.quick-nav::-webkit-scrollbar{display:none}.quick-nav{-ms-overflow-style:none;scrollbar-width:none}.quick-nav a{position:relative;font-weight:700;color:var(--color-text-light);padding-bottom:8px;transition:color .2s ease}.quick-nav a.active{color:var(--color-primary)}.quick-nav a::after{content:'';position:absolute;bottom:0;right:0;width:100%;height:3px;background-color:var(--color-primary);border-radius:3px;transform:scaleX(0);transition:transform .3s ease-in-out}.quick-nav a.active::after{transform:scaleX(1)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease}.drawer{position:fixed;top:0;right:-100%;width:90%;max-width:350px;height:100%;background-color:#fff;z-index:1002;box-shadow:-5px 0 15px rgba(0,0,0,.1);transition:right .3s ease-in-out;display:flex;flex-direction:column}.drawer.active{right:0}.drawer h2,.dropdown-header h2{padding:20px;font-size:1.5rem;border-bottom:1px solid #f0f0f0;margin:0}.drawer .close-btn,.close-dropdown-btn{position:absolute;top:10px;left:20px;background:none;border:none;font-size:2.5rem;color:#aaa;cursor:pointer}.drawer-content{flex-grow:1;overflow-y:auto;padding:10px}.empty-message{text-align:center;color:#999;margin-top:40px}body.overlay-active{overflow:hidden}body.overlay-active .overlay{opacity:1;visibility:visible}#main-menu ul{list-style:none;margin-top:60px}#main-menu ul li a{display:block;padding:15px 10px;font-size:1.2rem;border-bottom:1px solid #f0f0f0}.drawer-item{display:flex;align-items:center;gap:15px;padding:10px;border-bottom:1px solid #f0f0f0}.drawer-item img{width:70px;height:70px;object-fit:cover;border-radius:8px}.drawer-item-details{flex-grow:1}.drawer-item-details h3{font-size:1rem;font-weight:700;margin-bottom:5px}.drawer-item-details .price,.item-subtotal{font-size:.9rem;color:var(--color-text-light)}.item-subtotal{font-weight:700;color:var(--color-primary);margin-top:5px}.item-quantity-controls{display:flex;align-items:center;gap:5px;margin-top:8px}.item-quantity-controls button{background:#f0f0f0;border:none;width:25px;height:25px;border-radius:50%;font-weight:700;cursor:pointer}.item-quantity-controls span{font-weight:700;padding:0 5px}.drawer-item .remove-btn{background:none;border:none;font-size:1.5rem;color:var(--color-red);cursor:pointer}.drawer-footer{padding:20px;border-top:1px solid #f0f0f0;background:#fafafa}.cart-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;margin-bottom:15px}.checkout-btn{width:100%;background-color:var(--color-primary);color:#fff;border:none;padding:14px;font-size:1.1rem;border-radius:8px;cursor:pointer;margin-bottom:10px}.empty-cart-btn{width:100%;background:none;color:var(--color-text-light);border:1px solid #ddd;padding:10px;font-size:.9rem;border-radius:8px;cursor:pointer}.header-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:1002;box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .2s ease}.header-dropdown.active{transform:translateY(0);opacity:1;visibility:visible}#search-bar{padding:15px;display:flex;align-items:center;gap:10px}#search-bar input{flex-grow:1;border:1px solid #ddd;padding:10px;border-radius:8px;font-family:var(--font-family-main)}#favorites-dropdown{left:auto;right:0;width:90%;max-width:350px;border-radius:0 0 8px 8px}.dropdown-header{display:flex;justify-content:space-between;align-items:center}.dropdown-content{max-height:40vh;overflow-y:auto}#homepage .products-section{padding-top:60px;margin-top:-60px}#homepage .section-title{text-align:right;font-size:1.2rem;font-weight:700;margin-top:25px}#homepage .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#homepage .product-card{position:relative;border-radius:20px;overflow:hidden;color:#fff;transition:transform .2s ease,opacity .2s ease}#homepage .product-card img{width:100%;height:100%;object-fit:cover;display:block}#homepage .card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.45) 0,transparent 80%)}#homepage .product-title{font-size:.85rem;font-weight:500}#homepage .price-container{display:flex;flex-direction:column;align-items:flex-start}#homepage .old-price{font-size:.7rem;text-decoration:line-through;opacity:.8}#homepage .new-price{font-size:1rem;font-weight:700}#product-page{padding-bottom:150px}#product-page .breadcrumbs{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:.9rem;color:var(--color-text-light)}#product-page .product-image img{width:100%;height:auto;display:block}#product-page .product-actions{display:flex;gap:20px;margin-top:24px}#product-page .action-btn{background:none;border:none;cursor:pointer;padding:0}#product-page .action-btn svg{width:24px;height:24px;stroke-width:1.5}#product-page .favorite-btn .icon-heart-outline{display:block;stroke:#333}#product-page .favorite-btn .icon-heart-filled{display:none;color:#1a1a1a}#product-page .favorite-btn.active .icon-heart-outline{display:none}#product-page .favorite-btn.active .icon-heart-filled{display:block}#product-page .product-info{margin-top:24px}#product-page .product-info h1{font-size:1.6rem;font-weight:800}#product-page .rating-block{display:flex;align-items:center;gap:8px;margin-top:12px}#product-page .rating-block .stars{color:#ffc107;font-size:1.2rem}#product-page .rating-block span{font-size:.9rem;color:var(--color-text-light)}#product-page .price-block{display:flex;align-items:baseline;gap:12px;margin-top:12px}#product-page .price-block .new-price{font-size:1.8rem;font-weight:800;color:var(--color-red)}#product-page .price-block .old-price{font-size:1.1rem;color:var(--color-text-light);text-decoration:line-through}#product-page .price-block .old-price:empty{display:none}#product-page .content-divider{border:0;height:1px;background-color:#f0f0f0;margin:24px 0}#product-page .purchase-bar{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:16px;border-top:1px solid #f0f0f0;z-index:100}#product-page .quantity-selector{display:flex;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;margin-bottom:16px;height:50px}#product-page .quantity-selector button{background-color:#fff;border:none;width:50px;font-size:1.8rem;font-weight:400;color:var(--color-text-light);cursor:pointer}#product-page .quantity-selector input{flex-grow:1;border:none;text-align:center;font-size:1.2rem;font-weight:700;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6}#product-page .add-to-cart-btn{width:100%;background-color:var(--color-primary);color:#fff;border:none;padding:14px;font-size:1.1rem;font-weight:700;border-radius:8px}