:root{--primary-color:#ff8fab;--secondary-color:#4fc3f7;--accent-color:#f7b733;--green-color:#28a745;--background-color:#fcfdff;--text-color:#333;--text-light:#777;--card-bg:#fff;--border-color:#eef2f7;--shadow:0 4px 20px rgba(0,0,0,.07);--whatsapp-color:#25D366}
html{height:100%}body{margin:0;font-family:'Cairo',sans-serif;background-color:var(--background-color);color:var(--text-color);position:relative;overflow-x:hidden;height:100%;display:flex;flex-direction:column}
.main-content-area{flex-grow:1;overflow-y:auto;padding-top:136px}
@media (max-width:767px){.main-content-area{padding-top:80px}}

.app-container{max-width:1200px;margin:0 auto;padding:15px}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:4000;display:flex;align-items:center;justify-content:center}.loader-spinner{width:50px;height:50px;border:5px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* ✨✨✨ ستايلات قائمة الموبايل والبرجر المعدلة ✨✨✨ */
#burger-btn{display:none}
.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:3000;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-menu-overlay:not(.hidden){opacity:1;pointer-events:auto}
.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100%;background:#fff;z-index:3001;transition:right .3s ease-in-out;box-shadow:-5px 0 15px rgba(0,0,0,.1)}.mobile-menu.open{right:0}
.mobile-nav-link{display:block;padding:12px 16px;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-color);text-decoration:none;transition:background-color .2s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--primary-color);color:#fff}
.navbar{display:flex;overflow-x:auto;padding:0 15px;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.navbar::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap;padding:8px 16px;border-radius:20px;background-color:#f0f2f5;color:var(--text-light);cursor:pointer;transition:all .2s ease;font-weight:600;border:2px solid transparent}.nav-tab.active,.nav-tab:hover{background-color:var(--primary-color);color:#fff;border-color:rgba(255,255,255,0.5)}

/* ✨✨✨ التحكم في الظهور والإخفاء حسب حجم الشاشة ✨✨✨ */
@media (max-width: 767px) {
    #navbar-container { display: none; }
    #burger-btn { display: block; }
}
@media (min-width: 768px) {
    #navbar-container { display: block; }
    #burger-btn { display: none; }
}


.page-header{display:flex;align-items:center;margin-bottom:20px}.back-btn{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:0 10px}.page-header h2{margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.product-card{background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer}.product-image-container{position:relative;width:100%;padding-top:100%}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-info{padding:15px;text-align:center}.product-name{font-size:1.2rem;font-weight:600;margin:0 0 10px}.product-price{font-size:1.3rem;font-weight:700;color:var(--primary-color);margin-top:10px}.card-color-swatches{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:10px;pointer-events:none;min-height:34px}.swatch-img{width:30px;height:30px;border-radius:50%;border:2px solid #f0f0f0;object-fit:cover}.btn{padding:10px;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary{background-color:var(--green-color);color:#fff}.btn-primary:hover{background-color:#218838}.btn-whatsapp{background-color:var(--secondary-color);color:#fff}.btn-whatsapp:hover{background-color:#3ca9e2}.modal-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.modal-main-image-wrapper{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:15px}#pdp-main-image{width:100%;display:block}.modal-thumbnails{display:flex;gap:10px;flex-wrap:wrap}.modal-thumbnail{width:60px;height:60px;border:2px solid var(--border-color);border-radius:8px;object-fit:cover;cursor:pointer;transition:border-color .2s ease}.modal-thumbnail.active{border-color:var(--secondary-color)}.modal-details-section{display:flex;flex-direction:column}.modal-product-code{font-size:1.8rem;color:var(--secondary-color);margin:0 0 10px}.pdp-description{background-color:#f8f9fa;padding:10px;border-radius:8px;color:var(--text-light);margin-bottom:15px;font-size:.95rem}.modal-product-info{font-size:1.1rem;margin:5px 0 15px}.modal-product-info span{font-weight:600}.modal-control-group{margin-bottom:20px}.modal-control-group label{display:block;font-weight:600;margin-bottom:8px}.size-selector-container{display:flex;flex-wrap:wrap;gap:8px}.size-btn{padding:8px 16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;background-color:#fff;font-weight:600;transition:all .2s ease}.size-btn.active,.size-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:rgba(255,143,171,.1)}.quantity-control{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.quantity-control .quantity-input{width:60px;text-align:center;border:none;font-size:1.1rem;-moz-appearance:textfield}.quantity-control .quantity-input::-webkit-outer-spin-button,.quantity-control .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-btn{background-color:#f5f5f5;border:none;width:40px;height:40px;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.modal-action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}#cart-items-container{display:flex;flex-direction:column;gap:15px}.cart-item{display:flex;background:#fff;padding:15px;border-radius:10px;box-shadow:var(--shadow);align-items:center;gap:15px}.cart-item-img{width:80px;height:80px;border-radius:8px;object-fit:cover}.cart-item-details{flex-grow:1}.cart-item-name{font-weight:600;margin:0 0 5px}.cart-item-info{font-size:.9rem;color:var(--text-light)}.cart-item-price{font-size:1.1rem;font-weight:700}.cart-item-actions{display:flex;flex-direction:column;align-items:center;gap:5px}.remove-item-btn{background:0 0;border:none;color:var(--primary-color);cursor:pointer;font-size:1.2rem}.cart-total{display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700;margin:20px 0;padding:15px;background:#eef2f7;border-radius:10px}#order-form{display:flex;flex-direction:column;gap:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box}.btn-order{padding:15px;font-size:1.2rem;background-color:var(--green-color)!important}.empty-cart-message{text-align:center;padding:50px 0;color:var(--text-light)}.empty-cart-message i{margin-bottom:20px;color:#ccc}.empty-cart-message .btn-primary{padding:12px 30px;background-color:var(--green-color)!important}
@media (max-width:767px){.modal-content-grid{grid-template-columns:1fr}}
.toast-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:12px 25px;border-radius:25px;z-index:1001;font-size:1rem;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:fadeInOut 3s forwards}@keyframes fadeInOut{0%,100%{opacity:0;bottom:0}10%,90%{opacity:1;bottom:20px}}