.maintenance-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.maintenance-content{text-align:center;max-width:500px}.maintenance-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;animation:2s ease-in-out infinite pulse;display:flex}.maintenance-icon svg{color:#fff;width:40px;height:40px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4);transform:scale(1)}50%{box-shadow:0 0 20px 10px rgba(var(--primary-rgb),0);transform:scale(1.05)}}.maintenance-content h1{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.maintenance-content p{color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.maintenance-info{background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:.75rem 2rem;display:inline-block}.maintenance-info span{color:var(--primary);font-size:1rem;font-weight:600}@media (max-width:480px){.maintenance-content h1{font-size:1.75rem}.maintenance-content p{font-size:1rem}.maintenance-icon{width:60px;height:60px}.maintenance-icon svg{width:30px;height:30px}}
:root{--primary:#176b78;--primary-dark:#0c3a50;--primary-light:#2f8d9a;--secondary:#2a5b9f;--secondary-dark:#20467b;--secondary-light:#4e7fc2;--accent-cyan:#176b78;--accent-green:#3f8564;--accent-orange:#2a5b9f;--accent-red:#b53a3a;--bg-primary:#f6f9fd;--bg-secondary:#edf3fa;--bg-tertiary:#e2ebf5;--bg-card:#fff;--text-primary:#1f1a14;--text-secondary:#5d5247;--text-muted:#8f8377;--glass-bg:#fff;--glass-border:#d7e3f0;--glass-shadow:0 10px 32px #172a421a;--gradient-primary:linear-gradient(135deg,#176b78 0%,#0c3a50 100%);--gradient-secondary:linear-gradient(135deg,#4e7fc2 0%,#2a5b9f 100%);--gradient-glow:linear-gradient(135deg,#176b7829 0%,#2a5b9f24 100%);--gradient-dark:linear-gradient(180deg,#fff 0%,#edf3fa 100%);--gradient-flash:linear-gradient(135deg,#1f8a5b 0%,#176b78 55%,#2a5b9f 100%);--gradient-flash-urgent:linear-gradient(135deg,#1f8a5b 0%,#0c3a50 100%);--gradient-voucher:linear-gradient(135deg,#176b78 0%,#0c3a50 100%);--gradient-compare:linear-gradient(135deg,#4e7fc2 0%,#2a5b9f 100%);--shadow-sm:0 4px 10px #1f1a140f;--shadow-md:0 10px 26px #1f1a141a;--shadow-lg:0 18px 40px #1f1a1424;--shadow-glow:0 12px 32px #176b783d;--shadow-glow-pink:0 12px 32px #2a5b9f38;--shadow-flash:0 4px 20px #ff6b6b40;--shadow-voucher:0 4px 20px #10b98133;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-primary:"Avenir Next","Manrope","Segoe UI",sans-serif;--font-display:"Baskerville","Cormorant Garamond","Georgia",serif;--container-max:1280px;--container-padding:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:radial-gradient(circle at 5% -5%,#176b781c 0%,transparent 38%),radial-gradient(circle at 100% 0%,#2a5b9f1a 0%,transparent 35%),var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.01em;font-weight:600;line-height:1.2}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.1rem,2.5vw,1.35rem)}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-full);transition:all var(--transition-normal);font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:.85rem}.btn-lg{padding:var(--spacing-lg)var(--spacing-2xl);font-size:1.1rem}.btn-icon{border-radius:var(--radius-md);width:44px;height:44px;padding:0}.input-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-field{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal);font-size:1rem}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #f17e2326}.input-field::placeholder{color:var(--text-muted)}.search-input{align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-lg);transition:all var(--transition-normal);display:flex}.search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #f17e2326}.search-input input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:.95rem}.search-input input:focus{outline:none}.search-input svg{color:var(--text-muted)}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--gradient-primary);color:#fff}.badge-success{background:var(--accent-green);color:#fff}.badge-warning{background:var(--accent-orange);color:#fff}.badge-error{background:var(--accent-red);color:#fff}.badge-new{background:var(--secondary);color:#fff;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.product-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.product-card-image{aspect-ratio:1;background:var(--bg-secondary);position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.1)}.product-card-badges{top:var(--spacing-md);left:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex;position:absolute}.product-card-actions{top:var(--spacing-md);right:var(--spacing-md);gap:var(--spacing-sm);opacity:0;transition:all var(--transition-normal);flex-direction:column;display:flex;position:absolute;transform:translate(10px)}.product-card:hover .product-card-actions{opacity:1;transform:translate(0)}.product-card-action{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.product-card-action:hover{background:var(--primary);border-color:var(--primary);color:#fff}.product-card-content{padding:var(--spacing-lg)}.product-card-category{color:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-size:.8rem}.product-card-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.product-card-rating{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.product-card-rating svg{width:14px;height:14px;color:var(--accent-orange);fill:var(--accent-orange)}.product-card-rating span{color:var(--text-secondary);font-size:.85rem}.product-card-price{align-items:baseline;gap:var(--spacing-sm);display:flex}.product-card-price-current{color:var(--text-primary);font-size:1.25rem;font-weight:700}.product-card-price-original{color:var(--text-muted);font-size:.9rem;text-decoration:line-through}.product-card-add-btn{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;opacity:0;transition:all var(--transition-normal);font-weight:600;transform:translateY(10px)}.product-card:hover .product-card-add-btn{opacity:1;transform:translateY(0)}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.grid-5{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.grid-4,.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.products-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.section{padding:var(--spacing-3xl)0}.section-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.section-title{font-size:1.75rem;font-weight:700}.section-link{align-items:center;gap:var(--spacing-xs);color:var(--primary);transition:gap var(--transition-normal);font-weight:500;display:inline-flex}.section-link:hover{gap:var(--spacing-sm)}.divider{background:var(--glass-border);height:1px;margin:var(--spacing-xl)0}.spinner{border:3px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{z-index:1000;padding:var(--spacing-lg);animation:fadeIn var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal);overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-lg)}.modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--glass-border);display:flex}.toast-container{bottom:var(--spacing-lg);right:var(--spacing-lg);gap:var(--spacing-sm);z-index:2000;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-normal);display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:4px solid var(--accent-green)}.toast-error{border-left:4px solid var(--accent-red)}.toast-warning{border-left:4px solid var(--accent-orange)}.toast-info{border-left:4px solid var(--accent-cyan)}.category-card{aspect-ratio:1;border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.category-card:before{content:"";z-index:1;background:linear-gradient(#0000 50%,#000000b3 100%);position:absolute;inset:0}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.category-card:hover img{transform:scale(1.1)}.category-card-content{padding:var(--spacing-lg);z-index:2;position:absolute;bottom:0;left:0;right:0}.category-card-title{margin-bottom:var(--spacing-xs);font-size:1.25rem;font-weight:700}.category-card-count{color:var(--text-secondary);font-size:.9rem}.quantity-selector{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.quantity-btn{width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.quantity-btn:hover{background:var(--primary);color:#fff}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{text-align:center;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);width:50px;padding:var(--spacing-sm);font-weight:600}.tabs{gap:var(--spacing-sm);border-bottom:2px solid var(--glass-border);padding-bottom:var(--spacing-sm);display:flex;overflow-x:auto}.tab{padding:var(--spacing-sm)var(--spacing-lg);color:var(--text-secondary);border-radius:var(--radius-md)var(--radius-md)0 0;transition:all var(--transition-normal);white-space:nowrap;font-weight:500}.tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab.active{color:var(--primary);background:var(--bg-secondary);border-bottom:2px solid var(--primary)}.price{align-items:baseline;gap:var(--spacing-sm);display:flex}.price-current{color:var(--text-primary);font-size:1.5rem;font-weight:700}.price-original{color:var(--text-muted);font-size:1rem;text-decoration:line-through}.price-discount{color:var(--accent-green);font-size:.85rem;font-weight:600}.rating{align-items:center;gap:var(--spacing-xs);display:flex}.rating-stars{gap:2px;display:flex}.rating-star{width:18px;height:18px;color:var(--accent-orange)}.rating-star.filled{fill:var(--accent-orange)}.rating-count{color:var(--text-secondary);font-size:.9rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ccc}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:all var(--transition-normal);transform:translateY(0)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.responsive-text{font-size:clamp(.875rem,2vw,1rem)}.gradient-border{position:relative}.gradient-border:before{content:"";background:var(--gradient-primary);border-radius:inherit;z-index:-1;animation:3s linear infinite borderRotate;position:absolute;inset:-2px}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glow{box-shadow:var(--shadow-glow)}.glow-pink{box-shadow:var(--shadow-glow-pink)}.glow-flash{box-shadow:var(--shadow-flash)}.glow-voucher{box-shadow:var(--shadow-voucher)}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff4b2b66}50%{transform:scale(1.02);box-shadow:0 0 0 10px #ff4b2b00}}.pulse-urgent{animation:1.5s ease-in-out infinite urgentPulse}@keyframes flashShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.shake-flash{animation:.5s ease-in-out flashShake}@keyframes countdownTick{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tick-countdown{animation:.3s ease-out countdownTick}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-flash-gradient{background:var(--gradient-flash);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:.6s cubic-bezier(.68,-.55,.265,1.55) bounceIn}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-slide-up{animation:.5s ease-out forwards fadeSlideUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes progressFill{0%{width:0%}}.progress-animate{animation:1s ease-out forwards progressFill}@keyframes shine{0%{left:-100%}to{left:100%}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:2s ease-in-out infinite shine;position:absolute;top:0;left:-100%}.badge-voucher{background:var(--gradient-voucher);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;display:inline-flex}.badge-flash{background:var(--gradient-flash);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite urgentPulse;display:inline-flex}.badge-compare{background:var(--gradient-compare);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}@media (max-width:992px){:root{--container-padding:20px}.section{padding:var(--spacing-2xl)0}}@media (max-width:768px){:root{--container-padding:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px}body{font-size:15px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.section{padding:var(--spacing-xl)0}.section-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.section-title{font-size:1.35rem}.btn{padding:var(--spacing-sm)var(--spacing-lg);min-height:44px;font-size:.9rem}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:1rem}.btn-icon{width:44px;height:44px}.input-field{padding:var(--spacing-sm)var(--spacing-md);min-height:48px;font-size:16px}.glass-card{border-radius:var(--radius-md)}.products-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.modal-content{margin:var(--spacing-md);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.toast-container{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}.toast{padding:var(--spacing-sm)var(--spacing-md)}}@media (max-width:480px){:root{--container-padding:12px}body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.section{padding:var(--spacing-lg)0}.section-title{font-size:1.25rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card-content{padding:var(--spacing-sm)}.product-card-title{font-size:.85rem}.product-card-price-current{font-size:1rem}.product-card-price-original,.product-card-rating span{font-size:.75rem}}@media (max-width:360px){:root{--container-padding:10px}.products-grid{gap:var(--spacing-md);grid-template-columns:1fr}h1{font-size:1.35rem}h2{font-size:1.2rem}h3{font-size:1.05rem}.btn{justify-content:center;width:100%}.section-header{text-align:center}.section-link{align-self:center}}@media (hover:none) and (pointer:coarse){.product-card-actions{opacity:1;transform:translate(0)}.product-card-add-btn{opacity:1;transform:translateY(0)}.btn:hover,.product-card:hover{transform:none}}@media (max-height:500px) and (orientation:landscape){.auth-page{height:auto;min-height:100vh;position:relative}.auth-form-section{padding:24px}}@supports (padding:max(0px)){.navbar{padding-top:max(15px,env(safe-area-inset-top))}.footer-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}.toast-container{bottom:max(var(--spacing-lg),env(safe-area-inset-bottom))}}.page-loader{justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex}.loader-spinner{border:3px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}