.mobile-header[data-v-db8e9c08]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--tg-theme-bg-color, #ffffff);border-bottom:1px solid var(--tg-theme-hint-color, #e5e7eb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease-in-out;box-shadow:0 2px 8px #00000014}.mobile-header.hidden[data-v-db8e9c08]{transform:translateY(-100%)}.search-container[data-v-db8e9c08]{padding:16px;height:56px;display:flex;align-items:center;gap:8px}.search-input-wrapper[data-v-db8e9c08]{position:relative;flex:1;height:40px;display:flex;align-items:center;background:var(--tg-theme-bg-color, #f8f9fa);border:1px solid var(--tg-theme-hint-color, #e5e7eb);border-radius:8px;box-shadow:0 2px 4px #0000000a;transition:all .2s ease-in-out}.search-input-wrapper[data-v-db8e9c08]:focus-within{background:var(--tg-theme-bg-color, #ffffff);border-color:var(--tg-theme-link-color, #5856d6);box-shadow:0 2px 8px #5856d61f}.search-icon-left[data-v-db8e9c08]{position:absolute;left:12px;color:var(--tg-theme-hint-color, #9ca3af);z-index:2}.search-input[data-v-db8e9c08]{width:100%;height:38px;border:none;outline:none;background:transparent;padding:0 16px 0 44px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--tg-theme-text-color, #1f2937);line-height:1.4}.search-input[data-v-db8e9c08]::placeholder{color:var(--tg-theme-hint-color, #9ca3af);font-size:14px}.clear-button[data-v-db8e9c08]{position:absolute;right:12px;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--tg-theme-hint-color, #9ca3af);transition:all .2s ease-in-out;z-index:2}.clear-button[data-v-db8e9c08]:hover{background:var(--tg-theme-hint-color, rgba(156, 163, 175, .1));color:var(--tg-theme-text-color, #374151)}.clear-button[data-v-db8e9c08]:active{transform:scale(.95)}.autoselect-button[data-v-db8e9c08]{display:flex;align-items:center;justify-content:center;width:44px;height:40px;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease-in-out;position:relative}.autoselect-button[data-v-db8e9c08]:hover{background:#7c3aed;transform:scale(1.02)}.autoselect-button[data-v-db8e9c08]:active{transform:scale(.98)}.autoselect-button[data-v-db8e9c08]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-db8e9c08]{position:absolute;width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-db8e9c08 1s linear infinite}@keyframes spin-db8e9c08{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.search-container[data-v-db8e9c08]{height:64px;padding:16px 24px}.search-input-wrapper[data-v-db8e9c08]{height:44px;border-radius:10px}.search-input[data-v-db8e9c08]{height:42px;font-size:16px;padding:0 20px 0 48px}.search-input[data-v-db8e9c08]::placeholder{font-size:16px}.search-icon-left[data-v-db8e9c08]{left:16px}.clear-button[data-v-db8e9c08]{right:16px}.autoselect-button[data-v-db8e9c08]{width:48px;height:44px;border-radius:10px}}@media (prefers-color-scheme: dark){.mobile-header[data-v-db8e9c08]{background:var(--tg-theme-bg-color, #1a1a1a);border-bottom-color:var(--tg-theme-hint-color, #374151);box-shadow:0 2px 8px #0003}.search-input-wrapper[data-v-db8e9c08]{background:var(--tg-theme-bg-color, #2a2a2a);border-color:var(--tg-theme-hint-color, #4b5563)}.search-input-wrapper[data-v-db8e9c08]:focus-within{background:var(--tg-theme-bg-color, #1a1a1a);border-color:var(--tg-theme-link-color, #8b8bf6);box-shadow:0 2px 8px #8b8bf633}}@keyframes slideDown-db8e9c08{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-header[data-v-db8e9c08]{animation:slideDown-db8e9c08 .3s ease-out}.search-input[data-v-db8e9c08]:focus{caret-color:var(--tg-theme-link-color, #5856d6)}@media (hover: none) and (pointer: coarse){.clear-button[data-v-db8e9c08]{width:32px;height:32px}.search-input[data-v-db8e9c08]{padding-right:48px}.autoselect-button[data-v-db8e9c08]{min-width:44px;min-height:44px}}.footer-nav[data-v-ff47a298]{display:flex;justify-content:space-around;align-items:center;height:60px;padding:var(--spacing-sm) var(--spacing-md);background:var(--white)}.nav-item[data-v-ff47a298]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border:none;background:none;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);color:var(--gray-500);min-width:70px;border-radius:var(--border-radius-md);position:relative}.nav-item[data-v-ff47a298]:hover{background:var(--gray-50)}.nav-item.active[data-v-ff47a298]{color:var(--primary-color)}.nav-item.active .nav-icon[data-v-ff47a298]{transform:scale(1.1)}.nav-icon[data-v-ff47a298]{color:var(--gray-600);display:flex;justify-content:center;font-size:20px}.nav-icon-wrapper[data-v-ff47a298]{position:relative;display:inline-block}.auth-indicator[data-v-ff47a298]{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#22c55e;border:1.5px solid var(--white);border-radius:50%;box-shadow:0 1px 3px #0003}.nav-label[data-v-ff47a298]{font-size:12px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.nav-badge[data-v-ff47a298]{position:absolute;top:-6px;right:-6px;background:var(--accent-color);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:var(--shadow-sm)}.nav-item[data-v-ff47a298]{animation:navItemAppear-ff47a298 .3s ease-out}@keyframes navItemAppear-ff47a298{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-badge[data-v-ff47a298]{animation:badgePulse-ff47a298 2s infinite}@keyframes badgePulse-ff47a298{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-badge-animated[data-v-ff47a298]{animation:cartBadgeAnimation-ff47a298 1.5s ease-in-out infinite}.nav-badge-pulse[data-v-ff47a298]{animation:cartBadgePulse-ff47a298 2s ease-in-out infinite}.cart-icon-animated[data-v-ff47a298]{animation:cartIconShake-ff47a298 .8s ease-in-out infinite}@keyframes cartBadgeAnimation-ff47a298{0%,to{transform:scale(1) rotate(0);box-shadow:0 2px 8px #ff3b304d}25%{transform:scale(1.15) rotate(-2deg);box-shadow:0 4px 12px #ff3b3080}50%{transform:scale(1.2) rotate(0);box-shadow:0 6px 16px #ff3b3099}75%{transform:scale(1.15) rotate(2deg);box-shadow:0 4px 12px #ff3b3080}}@keyframes cartBadgePulse-ff47a298{0%,to{background:var(--accent-color);border-color:#fff}50%{background:#ff3030;border-color:#ffebee}}@keyframes cartIconShake-ff47a298{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1.05)}50%{transform:rotate(0) scale(1.1)}75%{transform:rotate(3deg) scale(1.05)}}.profile-icon[data-v-ff47a298]{position:relative;transition:all .3s ease}.profile-icon svg[data-v-ff47a298]{color:#6b7280;transition:all .3s ease}.profile-authenticated[data-v-ff47a298]{color:#3b82f6!important;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.nav-item.active .profile-icon svg[data-v-ff47a298]{color:var(--primary-color);transform:scale(1.1)}.nav-item.active .profile-authenticated[data-v-ff47a298]{color:var(--primary-color)!important;filter:drop-shadow(0 3px 6px rgba(var(--primary-color-rgb),.3))}.nav-item:hover .profile-icon svg[data-v-ff47a298]{color:#4b5563;transform:translateY(-1px)}.nav-item:hover .profile-authenticated[data-v-ff47a298]{color:#2563eb!important;transform:translateY(-1px) scale(1.05)}.nav-item[data-v-ff47a298]:has(.nav-badge-animated){position:relative}.nav-item[data-v-ff47a298]:has(.nav-badge-animated):before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:linear-gradient(45deg,transparent,rgba(255,59,48,.1),transparent);animation:cartItemGlow-ff47a298 2s ease-in-out infinite;z-index:-1}@keyframes cartItemGlow-ff47a298{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (max-width: 480px){.footer-nav[data-v-ff47a298]{height:60px;padding:4px var(--spacing-xs)}.nav-item[data-v-ff47a298]{min-width:60px;gap:2px;padding:4px}.nav-label[data-v-ff47a298]{font-size:11px;max-width:60px}.nav-badge[data-v-ff47a298]{min-width:16px;height:16px;font-size:9px}}@media (min-width: 768px){.footer-nav[data-v-ff47a298]{height:72px}.nav-item[data-v-ff47a298]{min-width:80px}.nav-label[data-v-ff47a298]{font-size:13px;max-width:80px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.footer-nav[data-v-ff47a298]{padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}}.nav-item[data-v-ff47a298]:active{transform:scale(.95);background:var(--gray-100)}@media (prefers-reduced-motion: reduce){.nav-item[data-v-ff47a298],.nav-icon[data-v-ff47a298],.nav-badge[data-v-ff47a298],.nav-badge-animated[data-v-ff47a298],.nav-badge-pulse[data-v-ff47a298],.cart-icon-animated[data-v-ff47a298]{animation:none!important;transition:none}.nav-item[data-v-ff47a298]:has(.nav-badge-animated):before{animation:none!important}}@media (prefers-contrast: high){.nav-item[data-v-ff47a298]{border:1px solid transparent}.nav-item.active[data-v-ff47a298]{border-color:var(--primary-color)}.nav-badge[data-v-ff47a298]{border-width:3px}}@media (prefers-color-scheme: dark){.footer-nav[data-v-ff47a298]{background:var(--gray-900)}.nav-item[data-v-ff47a298]{color:var(--gray-400)}.nav-item[data-v-ff47a298]:hover{background:var(--gray-800)}.nav-item.active[data-v-ff47a298]{color:var(--primary-color)}}.session-alert[data-v-2e2f56af]{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-width:320px;width:100%;border-left:4px solid var(--accent-color);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;overflow:hidden}.alert-show[data-v-2e2f56af]{opacity:1;transform:translateY(0)}.alert-content[data-v-2e2f56af]{padding:16px;display:flex;flex-direction:column;gap:12px}.alert-icon[data-v-2e2f56af]{font-size:24px}.alert-message[data-v-2e2f56af]{color:var(--gray-900)}.alert-message strong[data-v-2e2f56af]{display:block;font-size:16px;margin-bottom:4px}.alert-message p[data-v-2e2f56af]{font-size:14px;margin:0;color:var(--gray-600)}.alert-actions[data-v-2e2f56af]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.action-button[data-v-2e2f56af]{padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer;border:none;background:var(--gray-100);color:var(--gray-800);transition:background .2s}.action-button[data-v-2e2f56af]:hover{background:var(--gray-200)}.action-button.primary[data-v-2e2f56af]{background:var(--primary-color);color:#fff}.action-button.primary[data-v-2e2f56af]:hover{background:var(--primary-dark)}@media (max-width: 480px){.session-alert[data-v-2e2f56af]{left:20px;right:20px;bottom:20px;max-width:none}}#app[data-v-3c857001]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tg-theme-bg-color, var(--gray-50));color:var(--tg-theme-text-color, var(--gray-900))}.main-content[data-v-3c857001]{flex:1;padding-top:56px;padding-bottom:60px;min-height:calc(100vh - 116px);overflow-y:auto}[data-v-3c857001]{scroll-behavior:smooth}@media (max-width: 767px){#app[data-v-3c857001]{overflow-x:hidden}.main-content[data-v-3c857001]{padding-top:56px;padding-bottom:60px}.main-content.no-header-padding[data-v-3c857001]{padding-top:0}}@media (min-width: 768px){.main-content[data-v-3c857001]{padding-top:64px;padding-bottom:60px}.main-content.no-header-padding[data-v-3c857001]{padding-top:64px}}:root{--primary-color: #5856d6;--primary-color-rgb: 88, 86, 214;--primary-hover: #4745b8;--primary-color-dark: #4745b8;--secondary-color: #007aff;--accent-color: #ff3b30;--success-color: #34c759;--warning-color: #ff9500;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--blue-600: #2563eb;--green-600: #059669;--purple-600: #9333ea;--red-100: #fee2e2;--red-600: #dc2626;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-duration: .2s;--transition-easing: ease;--z-header: 100;--z-filters: 90;--z-footer: 50;--z-dropdown: 1000;--z-modal: 1010;--z-tooltip: 1020;--mobile-max: 767px;--tablet-min: 768px;--tablet-max: 1023px;--desktop-min: 1024px;--tg-theme-bg-color: var(--white);--tg-theme-text-color: var(--gray-900);--tg-theme-hint-color: var(--gray-500);--tg-theme-link-color: var(--primary-color);--tg-theme-button-color: var(--primary-color);--tg-theme-button-text-color: var(--white);--mobile-header-height: 56px;--mobile-filterbar-height: 64px;--mobile-footer-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--gray-50);color:var(--gray-900);font-family:inherit;line-height:inherit;margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,[role=button],input,textarea,select{outline:none}button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);min-height:44px;white-space:nowrap}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background-color:var(--gray-200)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:12px;min-height:36px}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:16px;min-height:52px}.input{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:14px;background-color:var(--white);transition:border-color var(--transition-duration) var(--transition-easing)}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5856d61a}.input::placeholder{color:var(--gray-400)}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-duration) var(--transition-easing)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-primary{color:var(--primary-color)}.text-red{color:var(--accent-color)}.text-green{color:var(--success-color)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-6{padding:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-6{margin:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration) var(--transition-easing)}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}.mobile-text-xs{font-size:12px!important}.mobile-text-sm{font-size:14px!important}.mobile-p-2{padding:var(--spacing-sm)!important}.mobile-p-3{padding:var(--spacing-md)!important}.mobile-gap-2{gap:var(--spacing-sm)!important}.mobile-gap-3{gap:var(--spacing-md)!important}.product-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px) and (max-width: 1023px){.tablet-hidden{display:none!important}.tablet-block{display:block!important}.tablet-flex{display:flex!important}.product-grid-tablet{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}@media (min-width: 1024px){.desktop-hidden{display:none!important}.desktop-block{display:block!important}.desktop-flex{display:flex!important}.product-grid-desktop{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}}.product-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);grid-auto-rows:360px}@media (min-width: 480px){.product-grid{gap:var(--spacing-md);grid-auto-rows:380px}}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);grid-auto-rows:400px}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);grid-auto-rows:420px}}.sticky-header{position:sticky;top:0;z-index:var(--z-header);background-color:var(--white);border-bottom:1px solid var(--gray-200);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-height{height:auto;min-height:56px}.filter-bar-sticky{position:sticky;top:56px;z-index:var(--z-filters);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sticky-footer{position:sticky;bottom:0;z-index:var(--z-footer);background-color:var(--white);border-top:1px solid var(--gray-200)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scroll-smooth{scroll-behavior:smooth}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pb-16{padding-bottom:56px}.touch-pan-y{touch-action:pan-y}.content-appear{animation:contentAppear .3s ease-out}@keyframes contentAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}