:root{--bg-color:#fff;--surface-color:#f7f7f7;--surface-hover:#eee;--text-primary:#000;--text-secondary:#4a4a4a;--accent-color:#000;--accent-hover:#333;--border-color:#e6e6e6;--glass-bg:#fffffffa;--glass-border:#e6e6e6;--glass-shadow:0 2px 10px #0000000d;--font-sans:"Cairo", -apple-system, sans-serif;--font-serif:var(--font-sans);--transition:all .4s cubic-bezier(.16, 1, .3, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 2px 8px #2c2b2908;--shadow-md:0 8px 24px #2c2b290f;--shadow-lg:0 16px 40px #2c2b291a;--shadow-inset:inset 0 2px 4px #2c2b290a;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:var(--radius-full);border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.02em;font-weight:600}a{color:inherit;transition:var(--transition);text-decoration:none}button{outline:none;font-family:inherit}.section-title{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:2rem;font-weight:700;font-family:var(--font-sans);margin-bottom:2.5rem}.navbar{border-bottom:1px solid var(--border-color);z-index:1000;width:100%;height:70px;transition:var(--transition);background:#fff;justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000008}.logo{font-family:var(--font-sans);letter-spacing:.08em;color:var(--text-primary);align-items:center;gap:12px;font-size:1.8rem;font-weight:700;display:flex}.logo img{border-radius:var(--radius-sm);object-fit:cover;transition:transform .5s var(--ease-out-expo)}.logo:hover img{transform:rotate(-3deg)scale(1.05)}.logo span{color:var(--accent-color);font-style:italic;font-weight:400}.nav-links{gap:2.8rem;list-style:none;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);padding:4px 0;font-size:.85rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--accent-color);width:100%;height:1.5px;transition:transform .4s var(--ease-out-expo);transform-origin:100%;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--accent-color)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.search-bar{border-bottom:1.5px solid var(--text-secondary);width:220px;transition:var(--transition);align-items:center;padding:.3rem 0;display:flex}.search-bar:focus-within{border-color:var(--accent-color);width:260px}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 4px;font-family:inherit;font-size:.85rem}.search-input::placeholder{color:var(--text-secondary);opacity:.8}.search-btn{cursor:pointer;color:var(--text-primary);transition:var(--transition);background:0 0;border:none;padding:0 6px;font-size:.9rem}.search-btn:hover{color:var(--accent-color);transform:scale(1.1)}.cart-icon{color:var(--text-primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px;font-size:1.25rem;position:relative}.cart-icon:hover{color:var(--accent-color);transform:scale(1.05)}.cart-count{background:var(--accent-color);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-full);width:18px;height:18px;animation:cartPulse .5s var(--ease-out-back);justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:-6px;right:-8px;box-shadow:0 2px 8px #b65f4a66}@keyframes cartPulse{0%{transform:scale(.6)}70%{transform:scale(1.3)}to{transform:scale(1)}}.hero{align-items:center;height:calc(100vh - 75px);margin-top:0;padding:0 5%;display:flex;position:relative}.products{background:var(--bg-color);padding:7rem 5%}.product-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:3.5rem 2rem;display:grid}.product-card{transition:var(--transition);background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;display:flex;position:relative}.product-card:hover{transform:translateY(-4px)}.product-image-container{aspect-ratio:3/4;background:var(--surface-color);border-radius:0;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.product-image{width:100%;height:100%}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-image img{transform:scale(1.04)}.product-info{text-align:inherit;flex-direction:column;gap:.4rem;display:flex}.product-title{font-family:var(--font-sans);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.product-price{color:var(--text-primary);font-size:1.05rem;font-weight:600}.add-to-cart{color:var(--text-primary);border:1px solid var(--text-primary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;z-index:1;transition:var(--transition);text-align:center;background:0 0;border-radius:0;width:100%;margin-top:1rem;padding:.75rem 1.8rem;font-size:.8rem;font-weight:700;position:relative;overflow:hidden}.add-to-cart:before{content:"";background:var(--text-primary);transform-origin:100%;width:100%;height:100%;transition:transform .4s var(--ease-out-expo);z-index:-1;position:absolute;top:0;left:0;transform:scaleX(0)}.add-to-cart:hover:before{transform-origin:0;transform:scaleX(1)}.add-to-cart:hover{color:var(--bg-color);border-color:var(--text-primary);box-shadow:var(--shadow-sm)}.add-to-cart:disabled{cursor:not-allowed;background:var(--surface-color)!important;color:var(--text-secondary)!important;border-color:var(--surface-color)!important}.add-to-cart:disabled:before{display:none}.cart-sidebar,.category-sidebar{z-index:1001;width:440px;height:100vh;transition:transform .5s cubic-bezier(.16, 1, .3, 1), box-shadow .5s var(--ease-out-expo);background:#fff;flex-direction:column;display:flex;position:fixed;top:0}[dir=ltr] .cart-sidebar{border-left:1px solid var(--glass-border);right:0;transform:translate(100%)}[dir=rtl] .cart-sidebar{border-right:1px solid var(--glass-border);left:0;transform:translate(-100%)}[dir=ltr] .cart-sidebar.active,[dir=ltr] .cart-sidebar.open{transform:translate(0);box-shadow:-10px 0 40px #2c2b2926}[dir=rtl] .cart-sidebar.active,[dir=rtl] .cart-sidebar.open{transform:translate(0);box-shadow:10px 0 40px #2c2b2926}[dir=ltr] .category-sidebar{border-right:1px solid var(--glass-border);left:0;transform:translate(-100%)}[dir=rtl] .category-sidebar{border-left:1px solid var(--glass-border);right:0;transform:translate(100%)}[dir=ltr] .category-sidebar.open{transform:translate(0);box-shadow:10px 0 40px #2c2b2926}[dir=rtl] .category-sidebar.open{transform:translate(0);box-shadow:-10px 0 40px #2c2b2926}.cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out-expo);background:#2c2b294d;position:fixed;inset:0}.cart-overlay.active{opacity:1;pointer-events:all}.cart-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:2.2rem 2rem;display:flex}.cart-header h2{font-size:1.45rem;font-family:var(--font-serif);letter-spacing:.05em;margin:0;font-weight:500}.close-cart{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-full);width:32px;height:32px;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.close-cart:hover{color:var(--accent-color);background:#2c2b290f;transform:rotate(90deg)}.cart-items{flex:1;padding:2rem;overflow-y:auto}.cart-item{border-bottom:1px solid var(--glass-border);align-items:stretch;gap:1.25rem;margin-bottom:1.8rem;padding-bottom:1.8rem;display:flex}.cart-item img{object-fit:cover;border-radius:var(--radius-md);width:80px;height:106px;box-shadow:var(--shadow-sm)}.item-details{flex-direction:column;flex:1;justify-content:space-between;display:flex}.item-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.3}.item-price{color:var(--accent-color);margin-top:4px;font-size:.95rem;font-weight:600}.remove-item{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:var(--transition);background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:.75rem;font-weight:600}.remove-item:hover{color:var(--accent-color)}.cart-footer{border-top:1px solid var(--glass-border);background:var(--surface-color);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding:2rem}.cart-total{font-family:var(--font-serif);color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:1.8rem;font-size:1.35rem;font-weight:500;display:flex}.cart-total span:last-child{color:var(--accent-color);font-weight:600}.btn-primary,.checkout-btn{background:var(--text-primary);width:100%;color:var(--bg-color);border:1.5px solid var(--text-primary);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:var(--transition);text-align:center;padding:1rem 2rem;font-size:.85rem;font-weight:600;display:block}.btn-primary:hover,.checkout-btn:hover{color:var(--text-primary);box-shadow:var(--shadow-sm);background:0 0}.accordion-item{border-bottom:1px solid var(--glass-border)}.accordion-header{width:100%;font-size:1.15rem;font-family:var(--font-serif);text-transform:uppercase;color:var(--text-primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.1rem 0;font-weight:500;display:flex}[dir=ltr] .accordion-header{text-align:left}[dir=rtl] .accordion-header{text-align:right}.accordion-header:hover{color:var(--accent-color)}.accordion-header i{color:var(--text-secondary);transition:transform .4s var(--ease-out-expo);font-size:.8rem}.accordion-header i.rotate{color:var(--accent-color);transform:rotate(180deg)}.accordion-content{opacity:0;flex-direction:column;gap:.75rem;max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;overflow:hidden}.accordion-content.expanded{opacity:1;max-height:320px;padding-bottom:1.25rem}.accordion-content a{color:var(--text-secondary);text-transform:capitalize;align-items:center;gap:6px;padding-inline-start:1rem;font-size:.95rem;display:flex;position:relative}.accordion-content a:before{content:"•";color:#0000;transition:var(--transition);font-size:.8rem}.accordion-content a:hover{color:var(--accent-color);padding-inline-start:1.25rem}.accordion-content a:hover:before{color:var(--accent-color)}.toast-container{bottom:24px;z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;inset-inline-end:24px}.toast{-webkit-backdrop-filter:blur(12px);color:var(--bg-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#2c2b29e0;border:1px solid #e6e1d61f;align-items:center;gap:14px;padding:1.1rem 1.6rem;font-size:.9rem;font-weight:500;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInUp;display:flex}.toast i{font-size:1.1rem}.toast-success i{color:#88c057}.toast-error i{color:var(--accent-color)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-input,input[type=text],input[type=email],input[type=tel],select,textarea{transition:border-color .3s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo)}.admin-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #b65f4a2e!important}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.admin-layout{background:var(--bg-color);min-height:100vh;display:flex}.admin-sidebar{background:var(--surface-color);border-inline-end:1px solid var(--border-color);flex-direction:column;width:260px;padding:2.5rem 2rem;display:flex}.admin-main{flex:1;padding:3rem;overflow-y:auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.admin-input{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#dcd6ca4d;outline:none;padding:1rem;font-family:inherit;font-size:.95rem}.export-buttons{gap:12px;display:flex}.courier-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);background:#dcd6ca59}.courier-card:hover{box-shadow:var(--shadow-md);background:#dcd6ca8c;transform:translateY(-5px)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;animation:fadeIn .4s var(--ease-out-expo);background:#2c2b2959;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-color);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:85vh;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);padding:2.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;overflow-y:auto}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1.5px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.close-modal{cursor:pointer;color:var(--text-primary);border-radius:var(--radius-full);width:32px;height:32px;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.close-modal:hover{color:var(--accent-color);background:#2c2b290f}.modal-section{margin-bottom:2rem}.details-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem;display:grid}.detail-item{flex-direction:column;display:flex}.detail-item span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.notes-box{border-inline-start:4px solid var(--accent-color);border-radius:var(--radius-sm);background:#dcd6ca99;margin-top:1rem;padding:1.25rem;font-style:italic}.items-list{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.order-item{border-bottom:1px solid var(--border-color);align-items:center;gap:1.25rem;padding-bottom:1.25rem;display:flex}.order-item img{object-fit:cover;border-radius:var(--radius-md);width:60px;height:80px;box-shadow:var(--shadow-sm)}.item-info{flex:1}.item-qty{color:var(--text-secondary);font-size:.85rem}.order-total-box{font-size:1.3rem;font-family:var(--font-serif);border-top:1.5px solid var(--border-color);color:var(--text-primary);justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;font-weight:600;display:flex}@media (max-width:768px){.navbar{height:70px;padding:0 4%}.hero{flex-direction:column;height:auto;padding-top:2rem}.nav-links,.hide-mobile{display:none!important}.store-name{font-size:.85rem!important}.logo-img{width:30px!important;height:30px!important}.navbar-actions{gap:.8rem!important}.language-switcher{gap:5px!important;font-size:.75rem!important}.hero-content{text-align:center;align-items:center;flex:100%!important;padding:2rem 5%!important}.hero-content p{margin-left:auto;margin-right:auto}.hero-collage{flex-direction:column!important;flex:100%!important;gap:1.5rem!important;min-height:auto!important;padding:1rem 5% 3rem!important}.hero-collage-card{height:350px!important;margin:0!important}.cart-sidebar,.category-sidebar{width:100%}.admin-layout{flex-direction:column}.admin-sidebar{border-inline-end:none;border-bottom:1px solid var(--border-color);width:100%}.admin-main{padding:1.5rem}.section-title{margin-bottom:2rem;font-size:1.8rem}.section-title:before,.section-title:after{margin:0 15px}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIndicator{0%,to{transform:translateY(0)translate(-50%)}50%{transform:translateY(8px)translate(-50%)}}.hero-animate-text{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards heroFadeIn}.hero-animate-delay-1{animation-delay:.15s}.hero-animate-delay-2{animation-delay:.3s}.hero-animate-delay-3{animation-delay:.45s}.hero-scroll-indicator{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;opacity:.85;cursor:pointer;z-index:10;transition:var(--transition);flex-direction:column;align-items:center;gap:8px;font-size:.75rem;animation:2s ease-in-out infinite floatIndicator;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-scroll-indicator:hover{opacity:1;color:var(--accent-color)}.hero-scroll-indicator i{color:var(--accent-color);font-size:.9rem}[dir=rtl] .hero-scroll-indicator{left:50%;transform:translate(-50%)}@keyframes cs-pulse{0%,to{box-shadow:0 4px 24px #7c3aed73}50%{box-shadow:0 4px 32px #7c3aedbf,0 0 0 6px #7c3aed1f}}@media (max-width:480px){.cs-btn-label{display:none}}