.category-dropdown{position:absolute;top:100%;right:0;left:0;background:var(--color-surface);box-shadow:var(--shadow-lg);border-top:1px solid var(--color-border);padding:var(--space-5);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:30}.category-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.dropdown-col{display:flex;flex-direction:column;gap:var(--space-2)}.dropdown-title{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-sm);padding-bottom:var(--space-1);border-bottom:1px dashed var(--color-border)}.dropdown-icon{font-size:18px}.dropdown-subs{display:flex;flex-direction:column;gap:var(--space-1)}.dropdown-subs a{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px 0;transition:color var(--transition-fast)}.dropdown-subs a:hover{color:var(--color-brand-600)}.dropdown-footer{max-width:var(--container-max);margin:var(--space-4) auto 0;padding-top:var(--space-3);border-top:1px solid var(--color-border);text-align:center}.dropdown-all{font-size:var(--font-size-sm);color:var(--color-brand-700);font-weight:700}@media (max-width: 900px){.category-dropdown{display:none}}@media (max-width: 900px){.category-dropdown{display:block;position:fixed;top:var(--header-height);right:0;left:0;bottom:0;overflow-y:auto;padding:var(--space-4)}.dropdown-grid{grid-template-columns:1fr;gap:var(--space-4)}}.navbar{position:sticky;top:0;z-index:40;background:var(--color-surface);box-shadow:var(--shadow-sm)}.navbar-inner{display:flex;align-items:center;gap:var(--space-3);height:var(--header-height);direction:rtl;width:100%}.navbar-brand{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none}.navbar-logo{font-size:22px;line-height:1}.navbar-title{font-weight:700;font-size:var(--font-size-md);color:var(--color-brand-700);white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:var(--space-5);font-size:var(--font-size-sm);flex:1}.navbar-links a{color:var(--color-text);transition:color var(--transition-fast);padding:var(--space-2) 0;position:relative;white-space:nowrap}.navbar-links a:hover{color:var(--color-brand-600)}.navbar-links a.active{color:var(--color-brand-700);font-weight:700}.navbar-links a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-brand-600);border-radius:2px}.caret{margin-right:4px;font-size:10px;opacity:.7}.navbar-dropdown-wrap{position:relative}.navbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-right:auto}.navbar-user-desktop{display:flex;align-items:center;gap:var(--space-2)}.navbar-username{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.navbar-cart{position:relative;padding:var(--space-2) var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.navbar-cart-label{font-size:var(--font-size-sm)}.navbar-badge{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.navbar-burger{display:none;font-size:22px;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text);align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0}.navbar-burger:hover{background:#f3f4f6}.navbar-dropdown-container{position:absolute;top:100%;right:0;left:0;z-index:30}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:70;animation:fade-in .2s ease}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--color-surface);z-index:80;transform:translate(100%);transition:transform var(--transition-base);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-brand-50)}.mobile-user{display:flex;align-items:center;gap:var(--space-3);min-width:0}.mobile-avatar{width:42px;height:42px;background:var(--color-brand-100);color:var(--color-brand-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.mobile-user-name{font-size:var(--font-size-sm);font-weight:700;color:var(--color-brand-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mobile-login-btn{font-weight:700;color:var(--color-brand-800);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-brand-200)}.mobile-close{font-size:24px;width:34px;height:34px;border-radius:var(--radius-md);color:var(--color-text-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-close:hover{background:#0000000d;color:var(--color-text)}.mobile-nav{display:flex;flex-direction:column;padding:var(--space-3);gap:2px;overflow-y:auto;flex:1}.mobile-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav a:hover{background:#f3f4f6}.mobile-nav a.active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:700}.mobile-nav-icon{font-size:20px;width:26px;text-align:center}.mobile-cart-count{margin-right:auto;background:var(--color-danger);color:#fff;font-size:11px;border-radius:var(--radius-full);padding:1px 8px;font-weight:700}.mobile-drawer-footer{padding:var(--space-4);border-top:1px solid var(--color-border)}@media (max-width: 900px){.navbar-inner{gap:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3)}.navbar-links,.navbar-user-desktop,.navbar-login-desktop,.navbar-dropdown-container{display:none}.navbar-burger{display:inline-flex}.navbar-cart{padding:var(--space-2) var(--space-3);font-size:18px;gap:0;min-width:44px;justify-content:center}.navbar-cart-label{display:none}.navbar-title{font-size:var(--font-size-sm)}}@media (max-width: 480px){.navbar-inner{height:56px}.navbar-logo{font-size:20px}.navbar-title{font-size:var(--font-size-sm)}.navbar-burger{width:36px;height:36px;font-size:20px}.navbar-cart{min-width:40px;padding:var(--space-2)}}@media (max-width: 360px){.navbar-title{display:none}.navbar-badge{top:-4px;left:-4px;min-width:18px;height:18px;font-size:10px}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--space-10);padding-top:var(--space-6)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding:var(--space-10) var(--space-4);font-size:var(--font-size-sm)}.footer h3,.footer h4{margin-bottom:var(--space-4);font-size:var(--font-size-md)}.footer-brand{color:var(--color-brand-700);font-size:var(--font-size-lg)!important}.footer p{line-height:2}.footer ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer ul li{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.footer ul li:hover{color:var(--color-brand-600)}.footer-copy{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-light);padding:var(--space-5) var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}@media (max-width: 800px){.footer-grid{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-8) var(--space-4)}.footer{padding-top:var(--space-4)}}.product-card{padding:var(--space-4);display:flex;flex-direction:column}.product-card-link{display:block}.product-card-image{font-size:64px;text-align:center;padding:var(--space-4) 0}.product-card-title{font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-meta{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.product-card-price{display:flex;align-items:center;justify-content:space-between;margin:var(--space-3) 0}.product-card-price .price{font-weight:700;color:var(--color-brand-700)}.product-card-price .unit{font-size:var(--font-size-xs);color:var(--color-text-muted)}.category-bar{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:var(--space-5);overflow:hidden}.category-bar-scroll{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-bar-scroll::-webkit-scrollbar{display:none;width:0;height:0}.category-bar-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.category-bar-item:hover{background:var(--color-brand-50);color:var(--color-brand-700)}.category-bar-icon{font-size:18px;line-height:1}.category-bar-name{font-weight:500}.category-bar-count{font-size:var(--font-size-xs);background:var(--color-bg);color:var(--color-text-muted);border-radius:var(--radius-full);padding:1px 7px;min-width:22px;text-align:center}.category-bar-item:hover .category-bar-count{background:var(--color-brand-100);color:var(--color-brand-800)}.category-bar-more{color:var(--color-brand-700);font-weight:700;border-right:1px solid var(--color-border);border-radius:0;padding-right:var(--space-4);margin-right:var(--space-2)}.category-bar-more:hover{background:transparent;color:var(--color-brand-800)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-lg);z-index:100;animation:toast-in .25s ease;font-size:var(--font-size-sm)}.toast-success{background:var(--color-brand-600)}.toast-error{background:var(--color-danger)}.toast-info{background:var(--color-info)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.home{padding-top:var(--space-6)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-6);align-items:center;background:linear-gradient(135deg,var(--color-brand-50) 0%,#fff 100%);border-radius:var(--radius-lg);padding:var(--space-10);margin-bottom:var(--space-5)}.hero-content h1{font-size:34px;font-weight:800;margin:var(--space-3) 0;color:var(--color-brand-900)}.hero-content p{color:var(--color-text-muted);margin-bottom:var(--space-5);max-width:480px}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-image{font-size:160px;text-align:center;line-height:1}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.feature{padding:var(--space-4);text-align:center}.feature-icon{font-size:32px;display:block;margin-bottom:var(--space-2)}.feature h3{font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.feature p{font-size:var(--font-size-xs);color:var(--color-text-muted)}.section{margin-bottom:var(--space-10)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header h2{font-size:var(--font-size-xl)}.link-more{color:var(--color-brand-600);font-size:var(--font-size-sm)}@media (max-width: 800px){.hero{grid-template-columns:1fr;padding:var(--space-6)}.hero-image{font-size:100px}.hero-content h1{font-size:24px}.features{grid-template-columns:repeat(2,1fr)}}.category-sidebar{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3);min-width:240px;align-self:flex-start;position:sticky;top:calc(var(--header-height) + var(--space-4))}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.sidebar-header h3{font-size:var(--font-size-sm);font-weight:700;color:var(--color-brand-700)}.sidebar-close{display:none;font-size:22px;color:var(--color-text-muted);width:28px;height:28px;border-radius:var(--radius-md)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-item:hover{background:#f3f4f6}.sidebar-item.active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:700}.sidebar-icon{font-size:18px}.sidebar-name{flex:1}.sidebar-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-full);padding:2px 8px;min-width:28px;text-align:center}.sidebar-item.active .sidebar-count{background:var(--color-brand-100);color:var(--color-brand-800)}@media (max-width: 900px){.category-sidebar{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;border-radius:0;transform:translate(100%);transition:transform var(--transition-base);z-index:60;overflow-y:auto}.category-sidebar.open{transform:translate(0)}.sidebar-close{display:flex;align-items:center;justify-content:center}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:55;animation:fade-in .2s ease}.category-sidebar .sidebar-nav{margin-top:var(--space-2)}}@media (min-width: 901px){.sidebar-close,.sidebar-overlay{display:none}}.products-page{padding-top:var(--space-6);padding-bottom:var(--space-10)}.products-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-5);align-items:start}.products-toolbar{display:grid;grid-template-columns:1fr 220px;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4)}@media (max-width: 900px){.products-layout{grid-template-columns:1fr}.sidebar-toggle{display:inline-flex}.products-toolbar{grid-template-columns:1fr}}.product-detail{padding-top:var(--space-6)}.breadcrumb{display:flex;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-4)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.product-detail-image{padding:var(--space-10);display:flex;align-items:center;justify-content:center}.product-detail-image span{font-size:180px}.product-detail-info h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.product-detail-rating{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.product-detail-desc{color:var(--color-text-muted);margin-bottom:var(--space-5);line-height:1.8}.product-detail-price{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-brand-700);margin-bottom:var(--space-5)}.product-detail-actions{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-5)}.qty-picker{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1)}.qty-picker span{min-width:30px;text-align:center;font-weight:600}.product-detail-delivery{padding:var(--space-4)}.product-detail-delivery h4{margin-bottom:var(--space-2)}.product-detail-delivery ul{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 900px){.products-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}@media (max-width: 640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media (max-width: 360px){.products-grid{gap:var(--space-2)}}.cart-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.cart-item:last-child{border-bottom:none}.cart-item-image{font-size:36px}.cart-item-info{flex:1}.cart-item-info h4{font-size:var(--font-size-sm);font-weight:700}.cart-item-info p{font-size:var(--font-size-xs)}.cart-item-qty{display:flex;align-items:center;gap:var(--space-2)}.qty-btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-md);transition:background var(--transition-fast)}.qty-btn:hover:not(:disabled){background:#f3f4f6}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.cart-item-qty>span{width:32px;text-align:center;font-weight:600}.cart-item-total{width:110px;text-align:left;font-weight:700;color:var(--color-brand-700);font-size:var(--font-size-sm)}.cart-item-remove{color:var(--color-danger);font-size:var(--font-size-sm)}.cart-item-remove:hover{text-decoration:underline}@media (max-width: 640px){.cart-item{flex-wrap:wrap}.cart-item-total{width:auto}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in .2s ease}.modal{background:var(--color-surface);border-radius:var(--radius-lg);max-width:720px;width:100%;max-height:92vh;overflow-y:auto;animation:slide-up .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:1}.modal-header h3{font-size:var(--font-size-lg)}.modal-close{font-size:24px;color:var(--color-text-muted);width:32px;height:32px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.modal-close:hover{background:#f3f4f6;color:var(--color-text)}.modal-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.form-section h4{font-size:var(--font-size-sm);margin-bottom:var(--space-2);color:var(--color-brand-700)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.courier-grid,.pay-grid{display:grid;gap:var(--space-2)}.courier-grid{grid-template-columns:repeat(3,1fr)}.pay-grid{grid-template-columns:1fr 1fr}.courier-option,.pay-option{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-xs)}.courier-option input,.pay-option input{display:none}.courier-option:hover,.pay-option:hover{background:#f9fafb}.courier-option.active,.pay-option.active{border-color:var(--color-brand-600);background:var(--color-brand-50)}.courier-name,.pay-option{font-weight:600;font-size:var(--font-size-sm)}.courier-desc{color:var(--color-text-muted);font-size:var(--font-size-xs)}.invoice{background:var(--color-brand-50);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm)}.invoice-row{display:flex;align-items:center;justify-content:space-between}.invoice-row.total{border-top:1px dashed var(--color-brand-300);padding-top:var(--space-2);font-weight:700;color:var(--color-brand-800);font-size:var(--font-size-md)}.invoice-eta{font-size:var(--font-size-xs);color:var(--color-brand-700);margin-top:var(--space-1)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.form-row,.courier-grid,.pay-grid{grid-template-columns:1fr}}.cart-page{padding-top:var(--space-6);padding-bottom:var(--space-10)}.cart-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5);align-items:start}.cart-list{padding:var(--space-4)}.cart-summary{padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-4))}.cart-summary h3{margin-bottom:var(--space-4);font-size:var(--font-size-lg)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-size-sm)}.summary-row.total{border-top:1px dashed var(--color-border);padding-top:var(--space-3);margin-top:var(--space-2);font-weight:700;font-size:var(--font-size-md);color:var(--color-brand-700)}.summary-note{background:#fff7ed;color:#9a3412;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);margin:var(--space-2) 0}.summary-note.success{background:var(--color-brand-50);color:var(--color-brand-800)}.summary-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-3) 0}@media (max-width: 800px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}.checkout-page{padding-top:var(--space-6);padding-bottom:var(--space-10)}.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-5);align-items:start}.checkout-main{display:flex;flex-direction:column;gap:var(--space-4)}.checkout-section{padding:var(--space-5)}.checkout-section h3{font-size:var(--font-size-md);margin-bottom:var(--space-3);color:var(--color-brand-700)}.checkout-side{padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-4))}.checkout-side h3{margin-bottom:var(--space-4)}.side-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-size-sm)}.side-row.total{border-top:1px dashed var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);font-weight:700;color:var(--color-brand-700);font-size:var(--font-size-md)}.side-eta{font-size:var(--font-size-xs);color:var(--color-brand-700);margin:var(--space-3) 0}.zones,.couriers,.pays{display:grid;gap:var(--space-2)}.zones{grid-template-columns:repeat(2,1fr)}.couriers{grid-template-columns:repeat(3,1fr)}.pays{grid-template-columns:1fr 1fr}.zone-option,.courier-option,.pay-option{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.zone-option input,.courier-option input,.pay-option input{display:none}.zone-option:hover,.courier-option:hover,.pay-option:hover{background:#f9fafb}.zone-option.active,.courier-option.active,.pay-option.active{border-color:var(--color-brand-600);background:var(--color-brand-50)}.zone-name,.courier-name{font-weight:600;font-size:var(--font-size-sm)}.zone-meta,.courier-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}.checkout-side{position:static}.zones,.couriers,.pays{grid-template-columns:1fr}}.orders-page{padding-top:var(--space-6);padding-bottom:var(--space-10)}.orders-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-card{padding:var(--space-5)}.order-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.order-id{font-weight:700;color:var(--color-brand-700);margin-left:var(--space-3)}.order-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.order-body{padding:var(--space-4) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);font-size:var(--font-size-sm)}.order-info p{color:var(--color-text-muted);padding:2px 0}.order-items{display:flex;flex-direction:column;gap:var(--space-2)}.order-item{display:grid;grid-template-columns:32px 1fr auto auto;gap:var(--space-2);align-items:center;font-size:var(--font-size-xs);padding:var(--space-1) 0}.order-item-image{font-size:20px}.order-item-qty{color:var(--color-text-muted)}.order-item-price{color:var(--color-brand-700);font-weight:600}.order-footer{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.order-summary{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm)}.order-total{font-weight:700;color:var(--color-brand-700)}@media (max-width: 700px){.order-body{grid-template-columns:1fr}}.login-page{padding-top:var(--space-10);display:flex;justify-content:center}.login-card{width:100%;max-width:460px;padding:var(--space-6)}.login-card h1{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.login-form{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.notfound{padding:var(--space-10) var(--space-4);display:flex;justify-content:center}.notfound-card{text-align:center;background:var(--color-surface);padding:var(--space-10);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:480px}.notfound-emoji{font-size:64px;display:block}.notfound-card h1{font-size:72px;color:var(--color-brand-700);margin:var(--space-2) 0}.notfound-card p{color:var(--color-text-muted)}.categories-page{padding-top:var(--space-6);padding-bottom:var(--space-10)}.page-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.categories-list{display:flex;flex-direction:column;gap:var(--space-2)}.categories-row{display:grid;grid-template-columns:40px 180px 1fr auto 24px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.categories-row:hover{border-color:var(--color-brand-400);background:var(--color-brand-50);transform:translate(-4px)}.categories-row-icon{font-size:22px;text-align:center}.categories-row-name{font-weight:700}.categories-row-subs{color:var(--color-text-muted);font-size:var(--font-size-xs)}.categories-row-count{color:var(--color-brand-700);background:var(--color-brand-50);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap}.categories-row-arrow{color:var(--color-brand-600);font-weight:700}@media (max-width: 700px){.categories-row{grid-template-columns:32px 1fr auto;grid-template-areas:"icon name count" "icon subs subs";row-gap:var(--space-1)}.categories-row-icon{grid-area:icon}.categories-row-name{grid-area:name}.categories-row-subs{grid-area:subs}.categories-row-count{grid-area:count}.categories-row-arrow{display:none}}.category-detail-page{padding-bottom:var(--space-10)}.category-banner{padding:var(--space-8) 0;margin-bottom:var(--space-6)}.category-banner-inner{display:flex;align-items:center;gap:var(--space-5)}.category-banner-icon{font-size:72px;line-height:1}.breadcrumb{display:flex;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.breadcrumb a:hover{color:var(--color-brand-600)}.category-banner h1{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-1)}.category-banner p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.category-body{position:relative}.category-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-5);align-items:start}.sidebar-toggle{display:none;margin-bottom:var(--space-3)}.subcategory-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sub-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text);border:1px solid transparent;transition:all var(--transition-fast)}.sub-chip:hover{background:#f3f4f6}.sub-chip.active{background:var(--color-brand-600);color:#fff}.category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}@media (max-width: 900px){.category-layout{grid-template-columns:1fr}.sidebar-toggle{display:inline-flex}.category-side-col{position:static}.category-banner-icon{font-size:48px}.category-banner h1{font-size:var(--font-size-xl)}}@media (max-width: 640px){.products-grid{grid-template-columns:repeat(2,1fr)}}:root{--color-brand-50: #eefdf3;--color-brand-100: #d6f9e0;--color-brand-200: #b0f1c7;--color-brand-300: #7ce4a6;--color-brand-400: #43cf82;--color-brand-500: #1cb463;--color-brand-600: #109150;--color-brand-700: #0e7341;--color-brand-800: #0f5b36;--color-brand-900: #0d4a2e;--color-danger: #dc2626;--color-warning: #f59e0b;--color-info: #2563eb;--color-bg: #f7f9fa;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #1f2937;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--container-max: 1200px;--header-height: 64px;--font-family: "Vazirmatn", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--transition-fast: .15s ease;--transition-base: .25s ease}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brand-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-700)}.btn-outline{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.btn-outline:hover:not(:disabled){background:#f3f4f6}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-block{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px #1cb46326}.textarea{resize:vertical;min-height:80px}.badge{display:inline-block;padding:2px var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--color-brand-100);color:var(--color-brand-800)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-bold{font-weight:700}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.error-box{padding:var(--space-3);background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.page-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-4)}.empty-state{padding:var(--space-10);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}