body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-container{align-items:center;background:#1b5e20;display:flex;gap:24px;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.header-logo{flex-shrink:0;font-size:20px;font-weight:700}.header-logo a{color:#fff;text-decoration:none;transition:color .2s}.header-logo a:hover{color:#e8f5e8}.header-search{display:flex;flex:1 1;justify-content:center;max-width:400px}.header-search .ant-select-auto-complete{width:100%}.header-search .ant-input-search{direction:rtl}.header-search .ant-input-search .ant-input,.header-search .ant-input-search .ant-input::placeholder{direction:rtl;text-align:right}.desktop-nav{display:flex;flex:1 1;justify-content:center}.desktop-nav .ant-menu-item{border-radius:6px;cursor:pointer;font-weight:500;margin:0 8px;padding:0 16px;transition:all .2s}.desktop-nav .ant-menu-item:hover{background-color:#f0f8ff;color:#1677ff;transform:translateY(-1px)}.desktop-nav .ant-menu-item-selected{background-color:#e6f4ff;border-bottom-color:#1677ff;color:#1677ff;font-weight:600}.desktop-nav .ant-menu-item .anticon{font-size:16px;margin-right:6px}.desktop-nav .ant-menu-item span{font-size:14px}.header-user{align-items:center;display:flex;flex-shrink:0;gap:12px}.desktop-username{color:#fff;font-weight:500}.mobile-search-container{background:#fafafa;border-top:1px solid #f0f0f0;display:none;padding:8px 16px}.mobile-search-container .ant-select-auto-complete{width:100%}.mobile-search-container .ant-input-search{direction:rtl}.mobile-search-container .ant-input-search .ant-input,.mobile-search-container .ant-input-search .ant-input::placeholder{direction:rtl;text-align:right}.mobile-header{background:#1b5e20;border:1px solid #2e7d32;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #00000026;display:none;margin:0;padding:12px 16px;position:sticky;top:64px;transition:transform .3s ease,opacity .3s ease;z-index:999}.mobile-header.hidden{opacity:0;transform:translateY(-100%)}.mobile-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mobile-header-top .header-logo a{color:#fff;font-size:16px;font-weight:600;text-decoration:none}.mobile-header-search{width:100%}.mobile-header-search .ant-input-search{border-radius:20px;overflow:hidden}.mobile-header-search .ant-input-search .ant-input{border-radius:20px 0 0 20px;border-right:none;font-size:14px;padding:8px 16px}.mobile-header-search .ant-input-search .ant-input-search-button{background:#1677ff;border-color:#1677ff;border-radius:0 20px 20px 0;height:auto}.mobile-header-search .ant-select-auto-complete{width:100%}.mobile-header-search .ant-input-search{direction:rtl}.mobile-header-search .ant-input-search .ant-input,.mobile-header-search .ant-input-search .ant-input::placeholder{direction:rtl;text-align:right}.mobile-user-section{flex-shrink:0}.desktop-header{align-items:center;background:#1b5e20;display:flex;gap:24px;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.mobile-footer-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff,#f8f9fa);border-top:1px solid #e6f4ff;bottom:0;box-shadow:0 -4px 12px #00000026;direction:rtl;display:none;left:0;padding:8px 12px;position:fixed;right:0;z-index:1000}.mobile-nav-button{align-items:center;background:#0000;border:none;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:2px;height:52px;justify-content:center;margin:0 2px;overflow:hidden;position:relative;transition:all .3s ease}.mobile-nav-button:before{background:linear-gradient(135deg,#1677ff20,#4096ff20);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mobile-nav-button.ant-btn-primary:before,.mobile-nav-button:hover:before{opacity:1}.mobile-nav-button .anticon{font-size:18px;margin:0;position:relative;z-index:1}.mobile-nav-label{font-size:9px;font-weight:500;line-height:1;position:relative;z-index:1}.mobile-nav-button:hover{background:#0000;color:#1677ff;transform:translateY(-2px)}.mobile-nav-button.ant-btn-primary{background:#0000;color:#1677ff;font-weight:600}.mobile-nav-button.ant-btn-primary:hover{background:#0000;color:#0958d9;transform:translateY(-2px)}.mobile-nav-button.cart-button{position:relative}.mobile-nav-button.cart-button .ant-badge{align-items:center;display:flex;justify-content:center}.mobile-nav-button.cart-button .ant-badge-count{background:#ff4d4f;border-radius:8px;box-shadow:0 0 0 1px #fff;color:#fff;font-size:10px;font-weight:600;height:16px;line-height:14px;min-width:16px}.mobile-nav-button.cart-button:hover .ant-badge-count{background:#ff7875}.mobile-cart-drawer .ant-drawer-header{background:#fafafa;direction:rtl;text-align:right}.mobile-cart-drawer .ant-drawer-body{direction:rtl}.mobile-cart-drawer .ant-drawer-footer{background:#fafafa;border-top:1px solid #f0f0f0;direction:rtl;padding:16px}.mobile-cart-drawer .ant-list-item{border-bottom:1px solid #f5f5f5;padding:16px!important}.mobile-cart-drawer .ant-list-item:last-child{border-bottom:none}.mobile-menu-button{display:none!important}.mobile-menu-drawer .ant-drawer-header{background:#fafafa;border-bottom:1px solid #f0f0f0;direction:rtl;text-align:right}.mobile-menu-drawer .ant-drawer-body{background:#fff;direction:rtl;padding:16px}.mobile-menu-drawer .ant-menu{background:#0000;border:none}.mobile-menu-drawer .ant-menu-item{border-radius:8px;height:auto;line-height:1.4;margin-bottom:4px;padding:12px 16px;transition:all .2s}.mobile-menu-drawer .ant-menu-item:hover{background:#f0f8ff;color:#1677ff}.mobile-menu-drawer .ant-menu-item-selected{background:#e6f4ff;color:#1677ff;font-weight:600}.mobile-menu-drawer .ant-menu-item .anticon{font-size:18px;margin-right:8px}.mobile-menu-drawer .ant-menu-item-danger{color:#ff4d4f}.mobile-menu-drawer .ant-menu-item-danger:hover{background:#fff2f0;color:#ff4d4f}.ant-select-dropdown{direction:rtl}.ant-select-item{direction:rtl;text-align:right}.ant-select-item-option-content{text-align:right}.ant-dropdown-menu{direction:rtl}.ant-dropdown-menu-item{text-align:right}@media (max-width:992px){.desktop-header{display:none!important}.mobile-header{display:block!important}.mobile-footer-nav{display:flex!important}.header-container{gap:16px;padding:0 16px}.desktop-nav{display:none!important}.mobile-menu-button{border-radius:8px;display:inline-flex!important;transition:all .2s}.mobile-menu-button:hover{background:#f0f8ff;color:#1677ff;transform:scale(1.05)}.header-search{display:none}.mobile-search-container{display:none!important}body{padding-bottom:72px}}@media (max-width:768px){.header-container{gap:12px;padding:0 12px}.header-logo{font-size:16px}.desktop-username,.header-user .ant-badge{display:none}.mobile-header{border-radius:0 0 12px 12px;padding:10px 12px}.mobile-header-top .header-logo a{font-size:15px}.mobile-nav-button{height:48px;margin:0 1px}.mobile-nav-button .anticon{font-size:16px}.mobile-nav-label{font-size:8px}}@media (max-width:576px){.header-container{gap:8px;padding:0 8px}.header-logo{font-size:14px}.header-user .ant-btn{font-size:12px;padding:0 8px}.mobile-header{border-radius:0 0 10px 10px;padding:8px 10px}.mobile-header-top .header-logo a{font-size:14px}.mobile-header-search .ant-input-search .ant-input{font-size:13px;padding:6px 12px}.mobile-nav-button{height:44px;margin:0}.mobile-nav-button .anticon{font-size:15px}.mobile-nav-label{font-size:7px}.mobile-footer-nav{padding:6px 8px}}[dir=rtl] .ant-space,[dir=rtl] .header-container{direction:rtl}.ant-select-item-option-content>div{align-items:center;display:flex;gap:8px;padding:4px 0}.ant-select-item-option-content img{border:1px solid #f0f0f0;border-radius:4px}.ant-input-search .ant-input-search-button .anticon-loading{color:#1677ff}.header-search .ant-input-focused,.header-search .ant-input:focus,.mobile-search-container .ant-input-focused,.mobile-search-container .ant-input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.ant-badge-count{font-size:10px;height:18px;line-height:18px;min-width:18px;padding:0 4px}.header-user .ant-avatar{transition:transform .2s}.header-user .ant-space:hover .ant-avatar{transform:scale(1.05)}.desktop-nav .ant-menu-item{position:relative;transition:all .2s ease-in-out}.desktop-nav .ant-menu-item:after{background:#1677ff;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.desktop-nav .ant-menu-item-selected:after,.desktop-nav .ant-menu-item:hover:after{width:80%}.desktop-nav .ant-menu-item-selected:after{width:100%}.mobile-menu-drawer .ant-drawer-content{background:#fff}.mobile-menu-drawer .ant-menu-item{transition:all .2s ease-in-out}.mobile-menu-drawer .ant-menu-item:hover{box-shadow:2px 0 8px #1677ff1a;transform:translateX(-4px)}.mobile-menu-drawer .ant-menu-item:active{transform:translateX(-2px)}.mobile-menu-drawer .ant-divider{background:#f0f0f0;margin:16px 0}@media print{.ant-layout-header{display:none}}@media (prefers-contrast:high){.header-container{border-bottom:2px solid #000}.desktop-nav .ant-menu-item-selected{border-bottom-width:3px}}:root{--color-primary:#1677ff;--color-primary-hover:#4096ff;--color-primary-active:#0958d9;--color-secondary:#52c41a;--color-success:#52c41a;--color-success-hover:#73d13d;--color-success-active:#389e0d;--color-danger:#ff4d4f;--color-danger-hover:#ff7875;--color-danger-active:#d9363e;--color-warning:#fa8c16;--color-warning-hover:#ffa940;--color-warning-active:#d46b08;--color-text:#000000e0;--color-text-secondary:#000000a6;--color-text-tertiary:#00000073;--color-background:#fff;--color-background-layout:#f5f5f5;--color-border:#d9d9d9;--color-border-secondary:#f0f0f0;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;--shadow-md:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;--shadow-lg:0 4px 12px 0 #0000000d;--shadow-popup:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;--transition-fast:0.1s cubic-bezier(0.2,0,0,1);--transition-normal:0.2s cubic-bezier(0.2,0,0,1);--transition-popup:0.3s cubic-bezier(0.34,1.56,0.64,1);--z-fixed-cart:1050;--z-cart-overlay:1000;--z-dropdown:1000;--z-tooltip:1070;--z-modal:1080;--header-height:74px}.MuiCardActions-root{padding:12px 16px!important}.MuiCardActions-root,.MuiCardActions-root .MuiStack-root{display:flex!important}.MuiCardActions-root .MuiBox-root{min-width:80px!important}.MuiCardActions-root .MuiButton-root{flex-grow:1!important;font-size:.7rem!important;height:32px!important;overflow:hidden!important;padding:6px 8px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.MuiCardActions-root .MuiButton-root .MuiButton-startIcon{margin-right:8px!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--color-background-layout);color:#000000e0;color:var(--color-text);direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:0}.store-page{background:#f5f5f5;background:var(--color-background-layout);min-height:100vh;padding:24px;padding:var(--space-lg);padding-top:98px;padding-top:calc(var(--header-height) + var(--space-lg))}.products-grid-container{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:24px;margin-top:var(--space-lg)}.ant-card{border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;box-shadow:var(--shadow-sm);transition:box-shadow .2s cubic-bezier(.2,0,0,1);transition:box-shadow var(--transition-normal)}.ant-card:hover{box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;box-shadow:var(--shadow-md)}.ant-card .ant-card-head{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-secondary);padding:16px 24px;padding:var(--space-md) var(--space-lg)}.ant-card .ant-card-body{padding:24px;padding:var(--space-lg)}.ant-card.product-card,.product-card-optimized{backface-visibility:hidden;cursor:pointer;height:100%;overflow:hidden;transform:translateZ(0);transition:all .2s cubic-bezier(.2,0,0,1);transition:all var(--transition-normal);will-change:transform,box-shadow}.ant-card.product-card:hover,.product-card-optimized:hover{box-shadow:0 4px 12px 0 #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px) translateZ(0)}.ant-card.product-card .ant-card-cover{aspect-ratio:1;border-radius:8px 8px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;height:0;overflow:hidden;padding-bottom:100%;position:relative}.ant-card.product-card .ant-card-cover img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .2s cubic-bezier(.2,0,0,1);transition:transform var(--transition-normal);width:100%}.ant-card.product-card:hover .ant-card-cover img{transform:scale(1.05)}.ant-card.product-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.ant-card.product-card .ant-card-meta-title{font-size:13px;line-height:1.2;margin-bottom:4px;margin-bottom:var(--space-xs)}.ant-card.product-card .ant-card-meta-description{font-size:12px}.product-image-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#f9fdfb 70%,#eafaf0);border-radius:8px 8px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;height:0;padding-bottom:100%;position:relative}.product-image-placeholder:before{color:#00000073;color:var(--color-text-tertiary);content:"لا توجد صورة";font-size:12px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.ant-card-actions{background:#fff;background:var(--color-background);border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-secondary);padding:4px 0;padding:var(--space-xs) 0}.ant-card-actions>li{margin:4px 0;margin:var(--space-xs) 0}.ant-card-actions .ant-btn{border:none;font-size:12px;font-weight:500;height:28px;padding:0 8px;padding:0 var(--space-sm);transition:all .1s cubic-bezier(.2,0,0,1);transition:all var(--transition-fast)}.ant-card-actions .ant-btn-primary{background:#1677ff;background:var(--color-primary)}.ant-card-actions .ant-btn-primary:hover{background:#4096ff;background:var(--color-primary-hover);transform:translateY(-1px)}.add-to-cart-feedback{overflow:hidden;position:relative}.add-to-cart-feedback:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.add-to-cart-feedback.clicked:after{height:300px;width:300px}.stock-indicator{border-radius:6px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:600;letter-spacing:.5px;padding:2px 6px;position:absolute;right:8px;right:var(--space-sm);text-transform:uppercase;top:8px;top:var(--space-sm);z-index:10}.stock-indicator.in-stock{background:#52c41a;background:var(--color-success);color:#fff}.stock-indicator.low-stock{background:#fa8c16;background:var(--color-warning);color:#fff}.stock-indicator.out-of-stock{background:#ff4d4f;background:var(--color-danger);color:#fff}.product-price-container{align-items:center;display:flex;gap:8px;gap:var(--space-sm);margin:8px 0;margin:var(--space-sm) 0}.product-price-original{color:#00000073;color:var(--color-text-tertiary);font-size:14px;text-decoration:line-through}.product-price-current{color:#52c41a;color:var(--color-success);font-size:16px;font-weight:600}.product-discount-badge{background:#ff4d4f;background:var(--color-danger);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 6px}.ant-tag.product-brand-tag{background:#1677ff1a;border-color:#1677ff;border-color:var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);color:#1677ff;color:var(--color-primary);font-size:10px;font-weight:500;line-height:1.2;margin:0 0 4px;margin:0 0 var(--space-xs) 0;padding:2px 6px}.quantity-controls{align-items:center;display:flex;gap:4px;gap:var(--space-xs);margin:4px 0;margin:var(--space-xs) 0;transform:scale(.9);transform-origin:right center}.quantity-controls .ant-btn{align-items:center;border-radius:50%;display:flex;font-size:10px;height:20px;justify-content:center;padding:0;width:20px}.quantity-controls .ant-input-number{font-size:11px;text-align:center;width:45px}.quantity-controls .ant-input-number .ant-input-number-input{font-size:11px;padding:0;text-align:center}.filters-container .ant-card{margin-bottom:24px;margin-bottom:var(--space-lg)}.filters-container .ant-row{align-items:center}.filters-container .ant-input,.filters-container .ant-select{border-radius:6px;border-radius:var(--radius-sm)}.filters-container .ant-input:hover,.filters-container .ant-select:hover{border-color:#4096ff;border-color:var(--color-primary-hover)}.filters-container .ant-input:focus,.filters-container .ant-select-focused{border-color:#1677ff;border-color:var(--color-primary);box-shadow:0 0 0 2px #1677ff1a}.search-input-container{position:relative}.search-suggestions{background:#fff;background:var(--color-background);border:1px solid #d9d9d9;border:1px solid var(--color-border);border-radius:0 0 6px 6px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000;z-index:var(--z-dropdown)}.search-suggestion-item{cursor:pointer;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:background-color .1s cubic-bezier(.2,0,0,1);transition:background-color var(--transition-fast)}.search-suggestion-item:hover{background:#f5f5f5;background:var(--color-background-layout)}.filter-chips-container{display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-xs);margin-top:8px;margin-top:var(--space-sm)}.filter-chip{align-items:center;background:#1677ff;background:var(--color-primary);border-radius:12px;border-radius:var(--radius-lg);color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 8px}.filter-chip-remove{cursor:pointer;margin-left:4px;opacity:.7;transition:opacity .1s cubic-bezier(.2,0,0,1);transition:opacity var(--transition-fast)}.filter-chip-remove:hover{opacity:1}.mobile-cart-button{bottom:24px;bottom:var(--space-lg);position:fixed;right:24px;right:var(--space-lg);z-index:1050;z-index:var(--z-fixed-cart)}.mobile-cart-button .ant-btn{align-items:center;background:#1677ff;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 4px 12px 0 #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:20px;height:60px;justify-content:center;transition:all .2s cubic-bezier(.2,0,0,1);transition:all var(--transition-normal);width:60px}.mobile-cart-button .ant-btn:hover{background:#4096ff;background:var(--color-primary-hover);box-shadow:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-shadow:var(--shadow-popup);transform:scale(1.05)}.mobile-cart-button .ant-btn:active{transform:scale(.95)}.mobile-cart-button .ant-badge{display:block}.mobile-cart-button .ant-badge-count{background:#ff4d4f;background:var(--color-danger);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;box-shadow:var(--shadow-sm);font-size:12px;height:24px;line-height:20px;min-width:24px}.mobile-cart-drawer .ant-drawer-header{background:#fff;background:var(--color-background);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-secondary);padding:16px 24px;padding:var(--space-md) var(--space-lg)}.mobile-cart-drawer .ant-drawer-title{color:#000000e0;color:var(--color-text);font-size:18px;font-weight:600}.mobile-cart-drawer .ant-drawer-body{background:#fff;background:var(--color-background);padding:0}.mobile-cart-drawer .ant-drawer-close{color:#000000a6;color:var(--color-text-secondary);font-size:16px}.mobile-cart-drawer .ant-drawer-close:hover{color:#000000e0;color:var(--color-text)}.cart-content-container{display:flex;flex-direction:column;height:100%}.cart-header-section{background:#fff;background:var(--color-background);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-secondary)}.cart-header-section,.cart-items-section{padding:16px 24px;padding:var(--space-md) var(--space-lg)}.cart-items-section{flex:1 1;overflow:hidden}.cart-footer-section{background:#fff;background:var(--color-background);border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-secondary);padding:16px 24px;padding:var(--space-md) var(--space-lg)}.cart-items-list .ant-list-item{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-secondary);padding:16px 0;padding:var(--space-md) 0}.cart-items-list .ant-list-item:last-child{border-bottom:none}.cart-items-list .ant-list-item-meta-title{color:#000000e0;color:var(--color-text);font-size:14px;font-weight:500;margin-bottom:4px;margin-bottom:var(--space-xs)}.cart-items-list .ant-list-item-meta-description{color:#000000a6;color:var(--color-text-secondary)}.cart-items-list .ant-list-item-action{margin-left:0;margin-right:8px;margin-right:var(--space-sm)}.cart-item-enter{opacity:0;transform:translateX(100%)}.cart-item-enter-active{transition:opacity .3s ease,transform .3s ease}.cart-item-enter-active,.cart-item-exit{opacity:1;transform:translateX(0)}.cart-item-exit-active{opacity:0;transform:translateX(100%);transition:opacity .3s ease,transform .3s ease}.cart-total-container{border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-secondary);margin-top:16px;margin-top:var(--space-md);padding:16px 0;padding:var(--space-md) 0}.cart-total-text{align-items:center;color:#000000e0;color:var(--color-text);display:flex;font-size:18px;font-weight:600;justify-content:space-between}.cart-empty-container{align-items:center;color:#00000073;color:var(--color-text-tertiary);display:flex;flex-direction:column;height:200px;justify-content:center}.cart-empty-container .ant-empty-description{color:#00000073;color:var(--color-text-tertiary);font-size:14px}.ant-btn-primary.checkout-btn{background:#52c41a;background:var(--color-success);border-color:#52c41a;border-color:var(--color-success);border-radius:6px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;height:44px}.ant-btn-primary.checkout-btn:hover{background:#73d13d;background:var(--color-success-hover);border-color:#73d13d;border-color:var(--color-success-hover);transform:translateY(-1px)}.ant-btn-primary.checkout-btn:active{background:#389e0d;background:var(--color-success-active);border-color:#389e0d;border-color:var(--color-success-active);transform:translateY(0)}.ant-btn.empty-cart-btn{border-color:#ff4d4f;border-color:var(--color-danger);border-radius:6px;border-radius:var(--radius-sm);color:#ff4d4f;color:var(--color-danger);font-weight:500;height:36px}.ant-btn.empty-cart-btn:hover{background:#ff4d4f;background:var(--color-danger);border-color:#ff4d4f;border-color:var(--color-danger);color:#fff}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #d9d9d9;border-top-color:#1677ff;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.product-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite alternate}@keyframes skeleton-loading{0%{background-color:#f2f2f2}to{background-color:#e6e6e6}}.error-boundary{background:#fff;background:var(--color-background);border:1px solid #ff4d4f;border:1px solid var(--color-danger);border-radius:8px;border-radius:var(--radius-md);margin:24px 0;margin:var(--space-lg) 0;padding:32px;padding:var(--space-xl);text-align:center}.error-boundary h3{color:#ff4d4f;color:var(--color-danger);margin-bottom:16px;margin-bottom:var(--space-md)}.error-boundary p{color:#000000a6;color:var(--color-text-secondary);margin-bottom:24px;margin-bottom:var(--space-lg)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.ant-pagination{margin-top:32px;margin-top:var(--space-xl);text-align:center}.ant-pagination .ant-pagination-item{border-color:#d9d9d9;border-color:var(--color-border);border-radius:6px;border-radius:var(--radius-sm)}.ant-pagination .ant-pagination-item-active,.ant-pagination .ant-pagination-item:hover{border-color:#1677ff;border-color:var(--color-primary)}.ant-pagination .ant-pagination-item-active{background:#1677ff;background:var(--color-primary)}.ant-pagination .ant-pagination-item-active a{color:#fff}.ant-message{direction:rtl}.ant-message-notice-content{border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;box-shadow:var(--shadow-md)}.ant-modal-confirm{direction:rtl}.ant-modal-confirm .ant-modal-confirm-title{color:#000000e0;color:var(--color-text);font-weight:600}.ant-modal-confirm .ant-modal-confirm-content{color:#000000a6;color:var(--color-text-secondary);margin-top:8px;margin-top:var(--space-sm)}.MuiSnackbar-root{bottom:auto!important;z-index:1400!important}.MuiSnackbar-anchorOriginTopCenter,.MuiSnackbar-root{left:50%!important;right:auto!important;top:80px!important;transform:translateX(-50%)!important}.MuiAlert-root{border-radius:6px!important;border-radius:var(--radius-sm)!important;box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005!important;box-shadow:var(--shadow-md)!important;direction:rtl!important;font-weight:500!important}.MuiCardActions-root{flex-direction:column!important;gap:8px!important;padding:8px 16px!important}.MuiCardActions-root .MuiStack-root{align-items:stretch!important;flex-direction:column!important;gap:8px!important;width:100%!important}.MuiCardActions-root .MuiBox-root{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:4px!important;width:100%!important}.MuiCardActions-root .MuiButton-root{font-size:.75rem!important;min-width:auto!important;padding:6px 12px!important;width:100%!important}.gpu-accelerated{transform:translateZ(0);will-change:transform}.reduce-layout-thrashing{contain:layout style paint}.skip-link{background:#1677ff;background:var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}@supports (container-type:inline-size){.product-card-container{container-type:inline-size}@container (max-width: 200px){.product-card .product-title{font-size:.7rem}.product-card .product-price{font-size:.8rem}}}@media (max-width:1200px){.store-page{padding:16px;padding:var(--space-md);padding-top:90px;padding-top:calc(var(--header-height) + var(--space-md))}.products-grid-container{gap:8px;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.store-page{padding:8px;padding:var(--space-sm);padding-top:82px;padding-top:calc(var(--header-height) + var(--space-sm))}.products-grid-container{gap:8px;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.MuiCard-root{height:100%!important}.MuiCardContent-root{padding:8px 12px!important}.MuiCardMedia-root{height:120px!important}.MuiTypography-h6{font-size:.8rem!important;line-height:1.2!important;margin-bottom:4px!important}.MuiChip-root{font-size:.6rem!important;height:18px!important;margin:1px!important}.MuiCardActions-root{flex-direction:column!important;gap:6px!important;padding:6px 12px!important}.MuiCardActions-root .MuiStack-root{align-items:stretch!important;flex-direction:column!important;gap:6px!important;width:100%!important}.MuiCardActions-root .MuiBox-root{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:4px!important;width:100%!important}.MuiCardActions-root .MuiIconButton-root{height:24px!important;min-width:24px!important;padding:2px!important;width:24px!important}.MuiCardActions-root .MuiTypography-root{font-size:.75rem!important;margin:0 4px!important;min-width:20px!important;text-align:center!important}.MuiCardActions-root .MuiButton-root{font-size:.65rem!important;height:28px!important;line-height:1.2!important;min-width:auto!important;overflow:hidden!important;padding:4px 6px!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.MuiCardActions-root .MuiButton-root .MuiButton-startIcon{font-size:.9rem!important;margin-right:8px!important}.ant-card .ant-card-body,.ant-card.product-card .ant-card-body{padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.ant-card.product-card .ant-card-meta-title{font-size:11px;margin-bottom:2px}.ant-card.product-card .ant-card-meta-description{font-size:10px}.filters-container .ant-row{flex-direction:column;gap:8px;gap:var(--space-sm)}.filters-container .ant-col{width:100%}.product-image-placeholder,.product-image-placeholder:before{font-size:10px}.quantity-controls{transform:scale(.8);transform-origin:right center}.mobile-cart-button{bottom:16px;bottom:var(--space-md);right:16px;right:var(--space-md)}.mobile-cart-button .ant-btn{font-size:18px;height:56px;width:56px}.ant-card-actions .ant-btn{font-size:10px;height:24px;padding:0 4px;padding:0 var(--space-xs)}}@media (max-width:576px){.store-page{padding:4px;padding:var(--space-xs);padding-top:78px;padding-top:calc(var(--header-height) + var(--space-xs))}.products-grid-container{gap:4px;gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.MuiCard-root{margin-bottom:8px!important}.MuiCardContent-root{padding:6px 8px!important}.MuiCardMedia-root{height:100px!important}.MuiTypography-h6{font-size:.7rem!important;line-height:1.1!important;margin-bottom:2px!important}.MuiChip-root{font-size:.55rem!important;height:16px!important;margin:.5px!important}.MuiCardActions-root{gap:4px!important;padding:4px 8px!important}.MuiCardActions-root .MuiBox-root{margin-bottom:2px!important}.MuiCardActions-root .MuiIconButton-root{height:20px!important;min-width:20px!important;padding:1px!important;width:20px!important}.MuiCardActions-root .MuiTypography-root{font-size:.65rem!important;margin:0 2px!important;min-width:18px!important}.MuiCardActions-root .MuiButton-root{font-size:.6rem!important;height:24px!important;line-height:1.1!important;overflow:hidden!important;padding:3px 4px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.MuiCardActions-root .MuiButton-root .MuiButton-startIcon{font-size:.8rem!important;margin-right:6px!important}.ant-card .ant-card-body{padding:4px;padding:var(--space-xs)}.ant-card .ant-card-head{padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.ant-card.product-card .ant-card-body{padding:4px 6px}.ant-card.product-card .ant-card-meta-title{font-size:10px;line-height:1.1;margin-bottom:2px}.ant-card.product-card .ant-card-meta-description{font-size:9px}.product-image-placeholder{font-size:9px;height:80px}.cart-footer-section,.cart-header-section,.cart-items-section{padding:8px 16px;padding:var(--space-sm) var(--space-md)}.cart-total-text{font-size:16px}.ant-btn-primary.checkout-btn{font-size:14px;height:40px}.ant-card-actions .ant-btn{font-size:9px;height:20px;padding:0 4px}.quantity-controls{transform:scale(.7)}.quantity-controls .ant-btn{font-size:8px;height:16px;width:16px}.quantity-controls .ant-input-number{font-size:9px;width:35px}}@media (min-width:992px){.mobile-cart-button,.mobile-cart-drawer{display:none!important}}.ant-card.ant-card-loading .ant-card-body{padding:24px;padding:var(--space-lg)}.ant-card.ant-card-loading .ant-skeleton{padding:0}.ant-btn:focus-visible,.ant-input:focus-visible,.ant-select:focus-visible{outline:2px solid #1677ff;outline:2px solid var(--color-primary);outline-offset:2px}.MuiButton-root:focus-visible,.MuiSelect-root:focus-within,.MuiTextField-root:focus-within{outline:2px solid #1677ff!important;outline:2px solid var(--color-primary)!important;outline-offset:2px!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.MuiSnackbar-root,.ant-drawer,.ant-message,.mobile-cart-button{display:none!important}.store-page{background:#fff;padding:0}.ant-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#fff;background:var(--color-background);border-radius:3px}::-webkit-scrollbar-thumb{background:#d9d9d9;background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000073;background:var(--color-text-tertiary)}*{scrollbar-color:#d9d9d9 #fff;scrollbar-color:var(--color-border) var(--color-background);scrollbar-width:thin}@media (prefers-contrast:high){:root{--color-border:#000;--color-text-secondary:#000;--color-text-tertiary:#333}.ant-card{border:2px solid #d9d9d9;border:2px solid var(--color-border)}.ant-btn{border-width:2px}.MuiCard-root{border:2px solid #d9d9d9!important;border:2px solid var(--color-border)!important}.MuiButton-root{border-width:2px!important}}.dark-mode{--color-text:#ffffffd9;--color-text-secondary:#ffffffa6;--color-text-tertiary:#ffffff73;--color-background:#141414;--color-background-layout:#000;--color-border:#434343;--color-border-secondary:#303030}.dark-mode .ant-card{background:#fff;background:var(--color-background);border-color:#d9d9d9;border-color:var(--color-border);color:#000000e0;color:var(--color-text)}.dark-mode .product-image-placeholder{background:linear-gradient(135deg,#1f1f1f 70%,#2a2a2a);color:#00000073;color:var(--color-text-tertiary)}.dark-mode .MuiCard-root{background:#fff!important;background:var(--color-background)!important;border-color:#d9d9d9!important;border-color:var(--color-border)!important;color:#000000e0!important;color:var(--color-text)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px;margin-bottom:var(--space-xs)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-sm)}.mb-3{margin-bottom:16px;margin-bottom:var(--space-md)}.mb-4{margin-bottom:24px;margin-bottom:var(--space-lg)}.mt-0{margin-top:0}.mt-1{margin-top:4px;margin-top:var(--space-xs)}.mt-2{margin-top:8px;margin-top:var(--space-sm)}.mt-3{margin-top:16px;margin-top:var(--space-md)}.mt-4{margin-top:24px;margin-top:var(--space-lg)}.p-0{padding:0}.p-1{padding:4px;padding:var(--space-xs)}.p-2{padding:8px;padding:var(--space-sm)}.p-3{padding:16px;padding:var(--space-md)}.p-4{padding:24px;padding:var(--space-lg)}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.d-grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:4px;gap:var(--space-xs)}.gap-2{gap:8px;gap:var(--space-sm)}.gap-3{gap:16px;gap:var(--space-md)}.gap-4{gap:24px;gap:var(--space-lg)}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-none{border-radius:0}.rounded-sm{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-full{border-radius:50%}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 1px 2px 0 #00000008,0 1px 6px -1px #00000005,0 2px 4px 0 #00000005;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 4px 12px 0 #0000000d;box-shadow:var(--shadow-lg)}.transition-fast{transition:all .1s cubic-bezier(.2,0,0,1);transition:all var(--transition-fast)}.transition-normal{transition:all .2s cubic-bezier(.2,0,0,1);transition:all var(--transition-normal)}.transition-popup{transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all var(--transition-popup)}.transform{transform:translateZ(0)}.scale-105{transform:scale(1.05)}.scale-95{transform:scale(.95)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.z-auto{z-index:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.text-primary{color:#1677ff;color:var(--color-primary)}.text-secondary{color:#000000a6;color:var(--color-text-secondary)}.text-tertiary{color:#00000073;color:var(--color-text-tertiary)}.text-success{color:#52c41a;color:var(--color-success)}.text-danger{color:#ff4d4f;color:var(--color-danger)}.text-warning{color:#fa8c16;color:var(--color-warning)}.bg-primary{background-color:#1677ff;background-color:var(--color-primary)}.bg-secondary{background-color:#f5f5f5;background-color:var(--color-background-layout)}.bg-success{background-color:#52c41a;background-color:var(--color-success)}.bg-danger{background-color:#ff4d4f;background-color:var(--color-danger)}.bg-warning{background-color:#fa8c16;background-color:var(--color-warning)}.bg-white{background-color:#fff;background-color:var(--color-background)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.layout{direction:rtl}.ant-layout-header{background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000001a;height:64px;line-height:64px;padding:0 24px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:992px){.ant-layout-content{margin-top:100px!important;padding-bottom:80px!important}}@media (max-width:768px){.ant-layout-content{margin-top:110px!important;padding-bottom:80px!important}}.ant-menu-horizontal{background:#0000;border-bottom:none}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{border-bottom:2px solid #0000;margin:0 8px}.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu:hover{border-bottom-color:#1677ff;color:#1677ff}.ant-menu-horizontal>.ant-menu-item-selected{background-color:initial}.header-actions{align-items:center;display:flex;gap:16px}.header-actions .ant-btn{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.header-actions .ant-btn:hover{background-color:#f5f5f5}.header-actions .ant-badge{align-items:center;display:flex}.header-actions .ant-avatar{cursor:pointer;transition:transform .2s}.header-actions .ant-avatar:hover{transform:scale(1.05)}.ant-layout-content{background:#f5f5f5;min-height:calc(100vh - 134px)}.ant-layout-footer{background:#f5f5f5;border-top:1px solid #f0f0f0;color:#000000a6;font-size:14px;padding:24px 50px}.page-container{margin:0 auto;max-width:1200px;padding:24px}.page-header{margin-bottom:24px}.page-content,.page-header{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000008;padding:24px}.page-content{min-height:400px}.error-page,.loading-page,.not-found-page{align-items:center;color:#00000073;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-page h1,.not-found-page h1{color:#ff4d4f;font-size:48px;font-weight:700;margin-bottom:16px}.error-page p,.not-found-page p{font-size:16px;margin-bottom:24px}@media (max-width:768px){.ant-layout-header{padding:0 16px}.ant-menu-horizontal{display:none}.app-logo{font-size:18px}.header-actions{gap:8px}.header-actions .ant-btn{height:36px;width:36px}.page-container{padding:16px}.page-content,.page-header{margin-bottom:16px;padding:16px}.ant-layout-footer{font-size:12px;padding:16px}}@media (max-width:576px){.ant-layout-header{padding:0 12px}.app-logo{font-size:16px}.header-actions{gap:4px}.page-container,.page-content,.page-header{padding:12px}}.mobile-menu-button{display:none}@media (max-width:768px){.mobile-menu-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.mobile-menu-button:hover{background-color:#f5f5f5}}[dir=rtl] .ant-layout-header{direction:rtl}[dir=rtl] .header-actions{flex-direction:row-reverse}[dir=rtl] .ant-menu-horizontal{direction:rtl}.ant-layout{background:#f5f5f5}.ant-menu-item{font-weight:500}.ant-badge-count{font-size:12px;font-weight:600}.ant-layout-content{transition:all .2s ease}.ant-btn:focus-visible,.ant-menu-item:focus-visible,.app-logo:focus-visible{outline:2px solid #1677ff;outline-offset:2px}@media print{.ant-layout-footer,.ant-layout-header{display:none}.ant-layout-content{margin-top:0;padding:0}}
/*# sourceMappingURL=main.71a8f8a2.css.map*/