code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--tg-theme-bg-color:#fff;--tg-theme-text-color:#000;--tg-theme-button-color:#2481cc;--tg-theme-button-text-color:#fff;--tg-theme-hint-color:#707579;--tg-theme-link-color:#2481cc;--tg-theme-secondary-bg-color:#efeff3}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--tg-theme-bg-color);color:#000;color:var(--tg-theme-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.slide-in-from-right{animation:slideInFromRight .3s ease-out}@keyframes bounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.animate-bounce{animation:bounce 1s infinite}.product-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.product-card:hover{border-color:#2481cc;border-color:var(--tg-theme-button-color);box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.btn-primary{align-items:center;background:linear-gradient(135deg,#2481cc,#1e6bb8);background:linear-gradient(135deg,var(--tg-theme-button-color) 0,#1e6bb8 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #2481cc4d;color:#fff;color:var(--tg-theme-button-text-color);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease-in-out}.btn-primary:hover{box-shadow:0 8px 25px #2481cc66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:linear-gradient(135deg,#efeff3,#e5e7eb);background:linear-gradient(135deg,var(--tg-theme-secondary-bg-color) 0,#e5e7eb 100%);border:1px solid #707579;border:1px solid var(--tg-theme-hint-color);border-radius:12px;color:#000;color:var(--tg-theme-text-color);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease-in-out}.btn-secondary:hover{background:linear-gradient(135deg,#707579,#9ca3af);background:linear-gradient(135deg,var(--tg-theme-hint-color) 0,#9ca3af 100%);box-shadow:0 4px 15px #0000001a;color:#fff;color:var(--tg-theme-bg-color);transform:translateY(-1px)}.btn-icon{align-items:center;background:none;border:none;border-radius:50%;color:#000;color:var(--tg-theme-text-color);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease-in-out}.btn-icon:hover{background-color:#0000001a;transform:scale(1.1)}.input-field{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--tg-theme-bg-color) 0,#f8fafc 100%);border:2px solid #efeff3;border:2px solid var(--tg-theme-secondary-bg-color);border-radius:12px;color:#000;color:var(--tg-theme-text-color);font-size:1rem;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.input-field:focus{background:#fff;background:var(--tg-theme-bg-color);border-color:#2481cc;border-color:var(--tg-theme-button-color);box-shadow:0 0 0 4px #2481cc1a;outline:none}.select-field{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--tg-theme-bg-color) 0,#f8fafc 100%);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23707579'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid #efeff3;border:2px solid var(--tg-theme-secondary-bg-color);border-radius:12px;color:#000;color:var(--tg-theme-text-color);font-size:1rem;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.select-field:focus{background:#fff;background:var(--tg-theme-bg-color);border-color:#2481cc;border-color:var(--tg-theme-button-color);box-shadow:0 0 0 4px #2481cc1a;outline:none}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideInFromRight .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--tg-theme-bg-color) 0,#f8fafc 100%);border:1px solid #0000001a;border-radius:20px;box-shadow:0 20px 60px #0000004d;color:#000;color:var(--tg-theme-text-color);max-height:90%;max-width:90%;overflow-y:auto;padding:2rem;position:relative}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#efeff3;background:var(--tg-theme-secondary-bg-color);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#707579;background:var(--tg-theme-hint-color);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#2481cc;background:var(--tg-theme-button-color)}@media (max-width:768px){.lg\:flex-row{flex-direction:column}.lg\:w-1\/4{width:100%}.lg\:sticky{position:static}.lg\:top-24{top:auto}.lg\:h-\[calc\(100vh-12rem\)\]{height:auto}.mobile-hidden{display:none}.mobile-full{width:100%}.modal-content{border-radius:16px;margin:1rem;padding:1.5rem}}@media (prefers-color-scheme:dark){:root{--tg-theme-bg-color:#1a1a1a;--tg-theme-text-color:#e0e0e0;--tg-theme-secondary-bg-color:#2d3748}body{background-color:#1a1a1a;color:#e0e0e0}.product-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#ffffff1a}.product-card:hover{border-color:#2481cc;border-color:var(--tg-theme-button-color)}.modal-content{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#ffffff1a}.input-field,.select-field{background:linear-gradient(135deg,#1a1a1a,#2d3748);border-color:#4a5568;color:#e0e0e0}.input-field:focus,.select-field:focus{background:#1a1a1a;border-color:#2481cc;border-color:var(--tg-theme-button-color);box-shadow:0 0 0 4px #2481cc4d}.custom-scrollbar::-webkit-scrollbar-track{background:#2d3748}.custom-scrollbar::-webkit-scrollbar-thumb{background:#4a5568}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;line-height:1;padding:4px 12px}.badge-primary{background:linear-gradient(135deg,#2481cc,#1e6bb8);background:linear-gradient(135deg,var(--tg-theme-button-color) 0,#1e6bb8 100%);box-shadow:0 2px 8px #2481cc4d;color:#fff;color:var(--tg-theme-button-text-color)}.badge-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.badge-error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:640px){.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.cart-item{border-bottom:1px solid #efeff3;border-bottom:1px solid var(--tg-theme-secondary-bg-color);margin-bottom:1rem;padding-bottom:1rem;transition:all .3s ease}.cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cart-item:hover{background:linear-gradient(135deg,#efeff3,#2481cc0d);background:linear-gradient(135deg,var(--tg-theme-secondary-bg-color) 0,#2481cc0d 100%);border-radius:12px;margin:.5rem 0;padding:1rem}.filter-panel{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--tg-theme-bg-color) 0,#f8fafc 100%);border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.filter-panel-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:40}.filter-panel-mobile{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--tg-theme-bg-color) 0,#f8fafc 100%);border-left:1px solid #0000000d;box-shadow:-8px 0 32px #00000026;height:100%;max-width:400px;overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-out;width:80%;z-index:50}.filter-panel-mobile.open{transform:translateX(0)}.filter-section{border-bottom:1px solid #efeff3;border-bottom:1px solid var(--tg-theme-secondary-bg-color);margin-bottom:2rem;padding-bottom:1.5rem}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.search-input-wrapper{position:relative}.search-input-wrapper input{padding-left:2.75rem}.search-icon{color:#707579;color:var(--tg-theme-hint-color);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.product-image{aspect-ratio:1;border-radius:12px;object-fit:cover;transition:transform .3s ease-in-out}.product-image:hover{transform:scale(1.05)}.quantity-btn{align-items:center;background:linear-gradient(135deg,#efeff3,#e5e7eb);background:linear-gradient(135deg,var(--tg-theme-secondary-bg-color) 0,#e5e7eb 100%);border:1px solid #707579;border:1px solid var(--tg-theme-hint-color);border-radius:50%;color:#000;color:var(--tg-theme-text-color);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease-in-out;width:36px}.quantity-btn:hover{background:linear-gradient(135deg,#707579,#9ca3af);background:linear-gradient(135deg,var(--tg-theme-hint-color) 0,#9ca3af 100%);color:#fff;color:var(--tg-theme-bg-color);transform:scale(1.1)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;box-shadow:0 4px 15px #dc26261a;color:#dc2626;margin:1rem 0;padding:1rem}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;box-shadow:0 4px 15px #16a34a1a;color:#16a34a;margin:1rem 0;padding:1rem}.order-buttons-fixed{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#efeff3,#fffffff2);background:linear-gradient(135deg,var(--tg-theme-secondary-bg-color) 0,#fffffff2 100%);border-top:1px solid #0000000d;bottom:0;box-shadow:0 -8px 32px #0000001a;left:0;padding:1rem;position:-webkit-sticky;position:sticky;width:100%;z-index:20}.order-buttons-fixed .btn-primary{width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.animate-shake{animation:shake .5s ease-in-out}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin:0}a{color:#2481cc;color:var(--tg-theme-link-color);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#2481cc;color:var(--tg-theme-button-color)}:focus{outline:2px solid #2481cc;outline:2px solid var(--tg-theme-button-color);outline-offset:2px}:disabled{cursor:not-allowed;opacity:.6}::selection{background-color:#2481cc;background-color:var(--tg-theme-button-color);color:#fff;color:var(--tg-theme-button-text-color)}@media (max-width:768px){.custom-scrollbar::-webkit-scrollbar{width:4px}}
/*# sourceMappingURL=main.f3bf1b22.css.map*/