@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap";:root{--bg-dark:#0b0c10;--bg-card:#1f2833;--text-light:#c5c6c7;--text-white:#fff;--accent-white:#fff;--neon-cyan:#66fcf1;--tripero-blue:#004b93;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-light);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-white);font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.text-accent-white{color:var(--accent-white)}.text-neon-cyan{color:var(--neon-cyan)}.text-white{color:var(--text-white)}.text-light{color:var(--text-light)}.btn-primary{background-color:var(--accent-white);color:#0b0c10;font-weight:800;font-family:var(--font-main);cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;border:none;border-radius:4px;padding:14px 28px;transition:all .3s;display:inline-block;box-shadow:0 0 15px #fff3}.btn-primary:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 0 25px #ffffff80,0 0 45px #ffffff1a}.btn-neon-cyan{color:var(--neon-cyan);border:2px solid var(--neon-cyan);font-weight:800;font-family:var(--font-main);cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;background-color:#0000;border-radius:4px;padding:12px 26px;transition:all .3s;display:inline-block}.btn-neon-cyan:hover{background-color:var(--neon-cyan);color:#000;transform:translateY(-2px);box-shadow:0 0 20px #66fcf199}.btn-tripero{background-color:var(--tripero-blue);color:#fff;border:2px solid var(--tripero-blue);font-weight:800;font-family:var(--font-main);cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;border-radius:4px;padding:12px 26px;transition:all .3s;display:inline-block}.btn-tripero:hover{background-color:#00366b;border-color:#00366b;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s forwards fadeInUp}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:80px 0}.mobile-menu-btn{display:none}@media (width<=1024px){.brand-text{display:none}.mobile-menu-btn{display:block!important}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0b0c10f2;border-left:1px solid #1f2833;flex-direction:column;align-items:flex-start;width:80%;max-width:300px;height:100vh;padding:110px 30px 40px;transition:right .4s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links ul{flex-direction:column;width:100%;gap:30px!important}.mobile-menu-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99;opacity:0;visibility:hidden;background:#0009;width:100vw;height:100vh;transition:all .4s;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.dropdown-content{visibility:hidden;opacity:0;max-height:0;box-shadow:none;background:0 0;border:none;padding:0;transition:all .3s ease-in-out;position:static;overflow:hidden;transform:none}.dropdown.mobile-open .dropdown-content{visibility:visible;opacity:1;max-height:300px;padding:10px 0 10px 20px}}.hamburger{cursor:pointer;z-index:101;width:30px;height:24px;display:none;position:relative}@media (width<=1024px){.hamburger{display:block}}.hamburger span{opacity:1;background:#fff;border-radius:3px;width:100%;height:3px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:10px}.hamburger span:nth-child(3){top:20px}.hamburger.is-active span:first-child{top:10px;transform:rotate(135deg)}.hamburger.is-active span:nth-child(2){opacity:0;left:-60px}.hamburger.is-active span:nth-child(3){top:10px;transform:rotate(-135deg)}.marquee-container{background:var(--neon-cyan);color:#000;white-space:nowrap;letter-spacing:1px;width:100%;padding:8px 0;font-size:.85rem;font-weight:800;position:relative;overflow:hidden}.marquee-content{animation:25s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.img-magnifier-container{cursor:crosshair;border-radius:8px;position:relative;overflow:hidden}.img-magnifier-container img{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .1s}.img-magnifier-container:hover img{transform:scale(2)}.smart-search-container{align-items:center;display:flex;position:relative}.smart-search-input{color:#fff;background:#161720;border:1px solid #1f2833;border-radius:20px;outline:none;width:250px;padding:8px 15px 8px 40px;transition:width .3s,border-color .3s}.smart-search-input:focus{border-color:var(--neon-cyan);width:350px}.smart-search-mobile{display:none}@media (width<=1024px){.smart-search-desktop{display:none!important}.smart-search-mobile{border-bottom:1px solid #1f2833;width:100%;margin-bottom:25px;padding-bottom:20px;display:flex!important}.smart-search-mobile .smart-search-input{border-radius:8px;padding:12px 15px 12px 40px;font-size:1rem;width:100%!important}.smart-search-mobile .smart-search-input:focus{width:100%!important}.smart-search-mobile .smart-search-results{width:100%}}.smart-search-icon{color:#666;pointer-events:none;position:absolute;left:12px}.smart-search-results{z-index:1000;background:#161720;border:1px solid #1f2833;border-radius:8px;max-height:400px;margin-top:10px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.search-result-item{cursor:pointer;border-bottom:1px solid #1f2833;align-items:center;gap:15px;padding:10px;transition:background .2s;display:flex}.search-result-item:hover{background:#1f2833}.search-result-item img{object-fit:cover;border-radius:4px;width:40px;height:40px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:#232832 linear-gradient(90deg,#232832 0%,#2a313d 20%,#232832 40% 100%) 0 0/2000px 100% no-repeat;animation:2s linear infinite forwards shimmer}.watermark-td{color:#ffffff05;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;white-space:nowrap;font-size:35vw;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropdown{display:inline-block;position:relative}.dropdown-content{visibility:hidden;opacity:0;z-index:1000;background-color:#161720;border:1px solid #1f2833;border-radius:4px;flex-direction:column;min-width:160px;padding:10px 0;transition:all .3s;display:flex;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 8px 16px #00000080}@media (hover:hover){.dropdown:hover .dropdown-content{visibility:visible;opacity:1;transform:translateY(0)}}.dropdown-content a,.dropdown-content .submenu-trigger{color:#fff;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.9rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.dropdown-content a:hover,.dropdown-content .submenu-trigger:hover{color:var(--neon-cyan);background-color:#1f2833}.dropdown-submenu{position:relative}.dropdown-submenu-content{visibility:hidden;opacity:0;z-index:1001;background-color:#161720;border:1px solid #1f2833;border-radius:4px;flex-direction:column;min-width:140px;padding:5px 0;transition:all .3s;display:flex;position:absolute;top:0;left:100%;transform:translate(-10px);box-shadow:0 8px 16px #00000080}@media (hover:hover){.dropdown-submenu:hover .dropdown-submenu-content{visibility:visible;opacity:1;transform:translate(0)}}@media (width<=768px){section{padding:50px 0!important}.animate-fade-in-up h1{letter-spacing:4px!important;font-size:clamp(2.5rem,10vw,4rem)!important}.animate-fade-in-up p{padding:0 10px;font-size:1rem!important}.animate-fade-in-up>div{gap:12px!important}.watermark-td{font-size:20vw!important}.flip-card{height:300px!important}.cart-sidebar-panel{max-width:100%!important}}@media (width<=480px){.container{padding:0 16px}.flip-card{height:250px!important}.flip-card-front-label h3{font-size:2rem!important}.btn-brand-sub{padding:10px 20px!important;font-size:.95rem!important}}@media (width<=768px){h1{font-size:2rem!important}h2{font-size:1.8rem!important}.responsive-flex-col{flex-direction:column!important}.responsive-padding{padding:20px 15px!important}.responsive-100w{flex-basis:100%!important;width:100%!important;min-width:100%!important}.responsive-gap-sm{gap:15px!important}.grid-cols-4{grid-template-columns:repeat(2,1fr)!important}.grid-cols-3{grid-template-columns:1fr!important}}@media (width<=480px){.grid-cols-4{grid-template-columns:1fr!important}h1{font-size:1.7rem!important}h2{font-size:1.5rem!important}}@media (width<=1024px){.nav-links ul li{border-bottom:1px solid #ffffff0d;width:100%;padding:15px 0;font-size:1.2rem!important}.nav-links ul li:last-child{border-bottom:none}body{overflow-x:hidden!important}.container{overflow-x:hidden}.dropdown-submenu-content{visibility:hidden;opacity:0;max-height:0;transition:all .3s ease-in-out;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;position:static!important;transform:none!important}.dropdown-submenu.mobile-submenu-open .dropdown-submenu-content{visibility:visible;opacity:1;max-height:300px;padding:10px 0 10px 20px!important}}.product-card{transition:transform .3s}@media (hover:hover){.product-card:hover{transform:translateY(-5px)}}.btn-add-fast{color:#fff;background:#1f2833;transition:all .3s}@media (hover:hover){.btn-add-fast:hover{background:var(--neon-cyan);color:#000}}.btn-checkout{background:var(--text-white);color:#000;transition:background .3s}@media (hover:hover){.btn-checkout:hover{background:var(--neon-cyan)}}.app-container{width:100%;overflow-x:hidden}input,select,textarea{font-size:16px!important}