*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#e0f2fe!important}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;background:#e0f2fe!important}.min-h-screen{flex-direction:column;min-height:100vh;display:flex}.flex-1{flex:auto}.bg-effects{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;display:none!important}.floating-orb{filter:blur(40px);opacity:.3;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute;display:none!important}.orb-1{background:linear-gradient(135deg,#2563eb,#1e293b);width:300px;height:300px;animation-delay:0s;top:10%;left:10%}.orb-2{background:linear-gradient(135deg,#43cea2,#2563eb);width:200px;height:200px;animation-delay:3s;bottom:20%;right:15%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.floating-particle{filter:blur(2px);background:#3b82f621;border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite float;position:absolute;display:none!important}.background-gif-overlay{z-index:0;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.background-gif-overlay.active{opacity:1}.background-gif-overlay img{object-fit:cover;filter:blur(2px)brightness(.95);width:100vw;height:100vh}.gif-backdrop{z-index:0;opacity:0;pointer-events:none;background:#e0f2fe4d;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.gif-backdrop.active{opacity:1}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#ffffffd9;border-bottom:1px solid #94a3b82e;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header-left{align-items:center;gap:2rem;display:flex}.search-container{display:none;position:relative}.search-container input{background:#ffffff80;border:1px solid #94a3b84d;border-radius:.5rem;width:16rem;padding:.5rem .75rem .5rem 2.5rem;transition:all .3s}.search-container input:focus{background:#fffc;border-color:#2563eb;outline:none}.search-icon{color:#94a3b8;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.nav{align-items:center;gap:2rem;display:flex}.nav a{color:#475569;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover,.nav a.active{color:#2563eb}.dropdown{position:relative}.dropdown-btn{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-weight:500;transition:color .3s;display:flex}.dropdown-btn:hover,.dropdown-btn:hover i{color:#2563eb}.dropdown-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#fffffff7;border:1px solid #94a3b838;border-radius:.5rem;min-width:150px;padding:.5rem;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-10px)}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content a{color:#475569;border-radius:.25rem;padding:.5rem;text-decoration:none;transition:background .3s;display:block}.dropdown-content a:hover{color:#2563eb;background:#3b82f614}.product-card{transform-origin:bottom;background:#fff;border-radius:1rem;flex-direction:column;width:100%;min-width:240px;max-width:300px;min-height:320px;transition:box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #2563eb12,0 1.5px 4px #1e293b0a}.product-card .relative{flex-direction:column;flex:100%;justify-content:flex-end;min-height:0;display:flex;position:relative}.product-card img{object-fit:cover;filter:brightness(.82);width:100%;height:320px;transition:filter .2s,transform .32s cubic-bezier(.22,1,.36,1)}.product-card .gif-container{width:100%;height:320px;position:relative;overflow:hidden}.product-card .gif-container img{object-fit:cover;filter:brightness(.82);width:100%;height:100%;transition:filter .2s,transform .32s cubic-bezier(.22,1,.36,1)}.product-card .gif-container .gif-preview{object-fit:cover;filter:brightness(.82);z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.product-card .gif-container .gif-animation{object-fit:cover;filter:brightness(.82);opacity:0;z-index:2;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.product-card:hover .gif-container .gif-preview{opacity:0}.product-card:hover .gif-container .gif-animation{opacity:1}.product-card:hover img{filter:brightness(.75);transform:scale(1.045)}.glass-info-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:10;background:#1e222c52;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:.5rem .8rem .6rem;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.glass-info-bar .title{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:.18rem;font-size:1.01rem;font-weight:600;overflow:hidden}.glass-info-bar .info-row{justify-content:space-between;align-items:center;width:100%;display:flex}.glass-info-bar .brand{color:#e0e7ef;white-space:nowrap;text-overflow:ellipsis;margin-right:.7rem;font-size:.89rem;font-weight:400;overflow:hidden}.glass-info-bar .price{color:#38bdf8;white-space:nowrap;font-size:.95rem;font-weight:600}.product-card:hover,.product-card:focus-within{z-index:2;transform:translateY(-8px)scale(1.035);box-shadow:0 12px 32px #2563eb2e,0 8px 16px -4px #00000014}.product-card .stock-dot{z-index:20;cursor:pointer;background:#22c55e;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:1rem;right:1rem;box-shadow:0 1px 4px #1e293b1a}.modern-filter-bar{background:#f8fafc;border-radius:1.25rem;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.7rem;width:max-content;min-width:0;min-height:0;margin:0 auto;padding:.4rem .8rem;display:flex;position:relative;box-shadow:0 4px 24px #2563eb12;z-index:1!important}.filter-group{background:#f1f5f9;border-radius:.6rem;flex:none;align-items:center;gap:.3rem;min-width:0;min-height:0;margin:0 .18rem;padding:.18rem .6rem;display:flex;box-shadow:0 1px 4px #1e40af08}.filter-label{color:#2563eb;margin-right:.15rem;font-size:1rem}.modern-select,.modern-input{color:#1e293b;box-shadow:none;background:0 0;border:none;border-radius:.4rem;outline:none;min-height:0;padding:.3rem .5rem;font-size:1rem;transition:box-shadow .2s,border .2s}.modern-select:focus,.modern-input:focus{background:#fff;box-shadow:0 0 0 2px #2563eb33}.modern-select{appearance:none;background:url("data:image/svg+xml;utf8,<svg fill=\"gray\" height=\"16\" viewBox=\"0 0 20 20\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.293 7.293a1 1 0 011.414 0L10 8.586l1.293-1.293a1 1 0 111.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2a1 1 0 010-1.414z\"/></svg>") right .5rem center/1rem no-repeat;min-width:110px;padding-right:1.3rem}.modern-input::placeholder{color:#94a3b8;opacity:1;font-style:italic}.modern-apply-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1e293b);border:none;border-radius:.6rem;flex:none;min-height:0;margin-left:.4rem;padding:.38rem 1.1rem;font-size:1rem;font-weight:600;transition:background .4s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px #2563eb14}.modern-apply-btn:hover,.modern-apply-btn:focus{background:linear-gradient(135deg,#43cea2 0%,#2563eb 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 6px 24px #43cea21f}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2.5rem;margin-top:3rem;padding-left:2rem;padding-right:2rem;display:grid}.product-card .action-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:20;background:#ffffff26;border:1px solid #fff3;border-radius:1.7rem;justify-content:center;align-items:center;gap:0;min-width:0;max-width:none;height:44px;padding:.09rem .22rem;transition:bottom .32s cubic-bezier(.22,1,.36,1),opacity .32s cubic-bezier(.22,1,.36,1),z-index .32s;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.product-card:hover .action-bar,.product-card:focus-within .action-bar{opacity:1;pointer-events:auto;z-index:40;bottom:80px}.action-bar .icon-btn,.action-bar .icon-btn.cart-btn-anim{width:40px;height:40px;box-shadow:none;color:#fff;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:color .18s;display:flex;position:relative}.action-bar .icon-btn.plus-minus{width:32px;height:32px;box-shadow:none;color:#fff;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.action-bar .icon-btn i,.action-bar .icon-btn.plus-minus i{font-size:1.1rem}.action-bar .cart-svg{width:32px;height:24px}.action-bar .cart-svg text{font-size:14px}.action-bar .icon-btn.heart{color:#fff;transition:color .18s}.action-bar .icon-btn.heart:hover,.action-bar .icon-btn.heart.active{color:#ef4444}.action-bar .icon-btn.heart i{font-size:1.3rem}.action-bar .cart-btn-anim{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.action-bar .cart-btn-anim .cart-svg,.action-bar .cart-btn-anim .add-reveal{opacity:1;pointer-events:none;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.action-bar .cart-btn-anim .add-reveal{opacity:0;pointer-events:auto;color:#fff;letter-spacing:.01em;z-index:2;cursor:pointer;background:#2563eb;border-radius:1em;padding:.08em .55em;font-size:.72rem;font-weight:600;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);transform:translate(-50%,-50%)scale(.92);box-shadow:0 1px 4px #2563eb1a}.action-bar .cart-btn-anim:hover .cart-svg,.action-bar .cart-btn-anim:focus .cart-svg{opacity:0;transform:translate(-50%,-50%)scale(.85)}.action-bar .cart-btn-anim:hover .add-reveal,.action-bar .cart-btn-anim:focus .add-reveal{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1.08)}.action-bar .icon-btn.plus-minus .ripple{opacity:.22;pointer-events:none;z-index:1;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border-radius:50%;width:0;height:0;transition:width .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1),opacity .22s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.action-bar .icon-btn.plus-minus:hover .ripple,.action-bar .icon-btn.plus-minus:focus .ripple{opacity:.22;width:32px;height:32px}.action-bar .icon-btn.plus-minus:active .ripple{opacity:.32;width:36px;height:36px;transition:width .12s,height .12s,opacity .12s}.notification{color:#fff;z-index:1000;background:#2563eb;border-radius:.5rem;padding:1rem 1.5rem;transition:transform .3s;position:fixed;top:1rem;right:1rem;transform:translate(100%);box-shadow:0 10px 25px #00000014}.notification.show{transform:translate(0)}@keyframes heartBurst{0%{filter:drop-shadow(0 0 #ef4444);transform:scale(1)}40%{filter:drop-shadow(0 0 8px #ef4444aa);transform:scale(1.3)}60%{filter:drop-shadow(0 0 4px #ef4444aa);transform:scale(.92)}to{filter:drop-shadow(0 0 #ef4444);transform:scale(1)}}.heart-burst{animation:.5s cubic-bezier(.22,1,.36,1) heartBurst}@keyframes cartPlusOne{0%{opacity:0;transform:translateY(8px)scale(.7)}30%{opacity:1;transform:translateY(-8px)scale(1.1)}80%{opacity:1;transform:translateY(-18px)scale(1)}to{opacity:0;transform:translateY(-28px)scale(.8)}}.cart-plus-one{color:#10b981;pointer-events:none;opacity:0;z-index:10;font-size:1.1rem;font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) forwards cartPlusOne;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding-left:1rem;padding-right:1rem}.product-card{min-width:160px;max-width:100%}.search-container,.nav{display:none}.mobile-menu-btn{color:#475569;cursor:pointer;background:0 0;border:none;font-size:1.25rem;display:block}}@media (min-width:769px){.search-container{display:block}.nav{display:flex}.mobile-menu-btn{display:none}}.product-card .stock-dot[title]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:100;background:#222;border-radius:6px;padding:2px 8px;font-size:.75rem;position:absolute;top:20px;right:0}.product-card .play-indicator{color:#fff;opacity:0;z-index:15;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:opacity .3s;display:flex;position:absolute;top:1rem;left:1rem}.product-card:hover .play-indicator{opacity:1}.product-card .gif-animation{animation-play-state:paused}.product-card:hover .gif-animation{animation-play-state:running}.filter-bar-animate{animation:1s cubic-bezier(.22,1,.36,1) both filterBarPopIn}@keyframes filterBarPopIn{0%{opacity:0;box-shadow:none;transform:translateY(32px)scale(.98)}60%{opacity:1;transform:translateY(-6px)scale(1.03);box-shadow:0 8px 32px #2563eb1a}to{opacity:1;transform:translateY(0)scale(1);box-shadow:0 4px 24px #2563eb12}}.card-animate{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) both cardFadeInUp}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(40px)scale(.97)}80%{opacity:1;transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}