:root{--bg-main: #222222;--bg-surface: #2a2a2a;--bg-card: #303030;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--border-color: #444444;--accent-red: #EF4444;--accent-red-hover: #DC2626;--accent-green: #84CC16;--accent-green-hover: #65A30D}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden;position:relative;margin:0;padding:0}body:before{content:"";position:fixed;top:50%;left:50%;width:120vw;height:120vh;z-index:-1;background:radial-gradient(circle,rgba(239,68,68,.12) 0%,transparent 60%);transform:translate(-50%,-50%);animation:breathe 15s infinite alternate ease-in-out;will-change:transform,opacity}@keyframes breathe{0%{opacity:.7;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.header{background-color:#222222b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-link{position:relative;transition:color .3s ease;padding-bottom:6px;color:var(--text-secondary)}.nav-link:after{content:"";position:absolute;width:0;height:2px;display:block;margin-top:4px;right:0;background:var(--accent-red);transition:width .3s ease;bottom:0}.nav-link:hover,.nav-link-active{color:var(--text-primary)}.nav-link:hover:after,.nav-link-active:after{width:100%;left:0}.product-card{background-color:var(--bg-card);border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border-radius:.75rem;overflow:hidden}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0006;border-color:#555}.product-card .img-wrapper{overflow:hidden;aspect-ratio:1 / 1}.product-card img{transition:transform .4s ease,opacity .3s ease;width:100%;height:100%;object-fit:cover;opacity:0;background-color:var(--bg-card)}.product-card img.loaded,.product-card img[src]:not([src=""]){opacity:1}.product-card:hover img{transform:scale(1.05)}.badge{position:absolute;padding:.25rem .75rem;border-radius:9999px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.discount-badge{top:.75rem;right:.75rem;background-color:var(--accent-red);color:var(--text-primary)}.tag-badge{top:.75rem;left:.75rem;background-color:#ffffff1a;color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.tag-badge.best-selling{background-color:#dc262640;color:#fca5a5;border:1px solid rgba(220,38,38,.4);box-shadow:0 0 12px #dc262659,0 0 24px #dc262626;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #dc262659,0 0 24px #dc262626}50%{box-shadow:0 0 16px #dc262673,0 0 32px #dc262640}}.filter-btn{padding:.5rem 1.25rem;border:1px solid var(--border-color);color:var(--text-secondary);background-color:transparent;transition:all .3s ease;border-radius:.5rem;cursor:pointer;white-space:nowrap}.filter-btn:hover{color:var(--text-primary);border-color:#666;background-color:#ffffff0d}.filter-btn.active{background:var(--accent-red);color:var(--text-primary);border-color:var(--accent-red)}.timer-box{text-align:center;flex-shrink:0}.timer-value{font-size:1.5rem;line-height:1.75rem;font-weight:700;color:var(--accent-red)}.timer-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}@media (min-width: 640px){.timer-value{font-size:2.25rem;line-height:1}.timer-label{font-size:.75rem;margin-top:.25rem;letter-spacing:.1em}}.product-title{font-family:Barlow,sans-serif;height:3rem;line-height:1.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:600}.product-price{font-family:Barlow,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}#mobile-menu{transition:transform .3s ease-in-out}#loading-indicator{display:none;justify-content:center;align-items:center;padding:2rem;grid-column:1 / -1}#loading-indicator.visible{display:flex}.skeleton-card{background-color:var(--bg-card);border-radius:.75rem;overflow:hidden}.skeleton-placeholder{background-color:#ffffff14;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}#discount-code-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:9999px;padding:.5rem .5rem .5rem 1rem;display:inline-flex;align-items:center;cursor:pointer;transition:all .3s ease}#discount-code-box:hover{border-color:var(--accent-red);background-color:#ef44441a;box-shadow:0 0 12px #ef444433}#discount-code-box:hover #discount-text,#discount-code-box:hover #discount-text span{color:var(--accent-red)!important}#discount-text,#discount-text span{transition:color .3s ease}#discount-code-box:hover #copy-icon-container{background-color:var(--accent-red-hover);transform:scale(1.05)}#copy-icon-container{transition:all .3s ease}#brands-menu{background-color:var(--bg-surface)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 40px #00000080!important;display:none}#brands-menu.show{display:block!important}.brand-option{font-size:.875rem;transition:all .2s ease;cursor:pointer;position:relative}.brand-option:hover{background-color:var(--bg-card)!important;color:var(--text-primary)!important;transform:translate(4px)}.brand-option:active{transform:scale(.98) translate(4px)}.brand-option:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background-color:var(--accent-red);border-radius:0 2px 2px 0;transition:height .2s ease}.brand-option:hover:before{height:70%}#price-sort-menu{background-color:var(--bg-surface)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 40px #00000080!important}.sort-option{font-size:.875rem;transition:all .2s ease;cursor:pointer;position:relative}.sort-option:hover{background-color:var(--bg-card)!important;color:var(--text-primary)!important;transform:translate(4px)}.sort-option:active{transform:scale(.98) translate(4px)}.sort-option:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background-color:var(--accent-red);border-radius:0 2px 2px 0;transition:height .2s ease}.sort-option:hover:before{height:70%}#price-sort-container{z-index:50}.social-sidebar-icon{display:block;width:48px;height:48px;transition:transform .3s ease}.social-sidebar-icon:hover{transform:scale(1.1)}.social-sidebar-icon img{width:100%;height:100%;border-radius:9999px;object-fit:cover;box-shadow:0 2px 8px #00000080}.seller-card{background-color:var(--bg-card);border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border-radius:.75rem;overflow:hidden}.seller-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0006;border-color:#555}.seller-card .logo-wrapper{overflow:hidden;aspect-ratio:1 / 1}.seller-card img{transition:transform .4s ease;width:100%;height:100%;object-fit:cover}.seller-card:hover img{transform:scale(1.05)}.btn{padding:.75rem 1.75rem;border-radius:9999px;font-weight:600;transition:all .3s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media (max-width: 768px){.btn{padding:.625rem 1.25rem;font-size:.875rem}}.btn-primary{background-color:var(--accent-red);color:var(--text-primary)}.btn-primary:hover{background-color:var(--accent-red-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#666}.landing-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.logo-container{margin-bottom:3rem;animation:fadeInDown 1s ease-out}.logo-text{font-size:4rem;font-weight:900;letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.main-title{font-size:3.5rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out .2s both}.subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:3rem;max-width:800px;animation:fadeInUp 1s ease-out .4s both}.cta-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;animation:fadeInUp 1s ease-out .6s both}.coupon-badge{display:inline-block;background:var(--accent-red);color:var(--text-primary);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;animation:pulse-badge 2s ease-in-out infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.logo-text,.main-title{font-size:2.5rem}.subtitle{font-size:1.25rem}.btn{padding:1rem 2rem;font-size:1rem}.cta-buttons{flex-direction:column;width:100%}.btn{width:100%}}@media (max-width: 480px){.logo-text,.main-title{font-size:2rem}.subtitle{font-size:1rem}}
