.announcement, .announcement *{contain:layout style;content-visibility:visible !important;}
.announcement a{display:inline-block;visibility:visible !important;}
.announcement p{display:block;}
.announcement .animate-announcement-fade{animation:announcement-fade 0.5s ease-in-out !important;}
@keyframes announcement-fade{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
:root{--blur-light:blur(2px);--blur-medium:blur(8px);--blur-heavy:blur(16px);--radius-sm:8px;--radius-md:12px;--radius-lg:15px;--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.15);--shadow-lg:0 6px 25px rgba(0,0,0,0.2);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);}
@media (prefers-reduced-motion: reduce){*:not(.announcement *):not([class*="announcement"]):not(.animate-announcement-scroll):not(.animate-announcement-scroll2):not(.animate-announcement-fade), *:not(.announcement *)::before, *:not(.announcement *)::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}
.hero-container, .navbar, .announcement{will-change:auto;transform:translateZ(0);}
img[alt*="DonutSMP"], img[alt*="donut"], img[alt*="market"]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);}
.lines{content-visibility:auto;contain-intrinsic-size:1px 100vh;}
.lines .line{content-visibility:auto;}
.announcement{min-height:40px;contain:layout;will-change:auto;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.announcement a{content-visibility:visible !important;}
.announcement .animate-announcement-fade{transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out;}
.announcement .animate-announcement-scroll, .announcement .animate-announcement-scroll2{content-visibility:visible !important;}
.feature-cards{contain:layout;min-height:200px;}
.hero-buttons{min-height:60px;contain:layout;}
@media (max-width: 768px){.hero-container{min-height:auto !important;padding:4rem 0 3rem 0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.hero-content-wrapper{max-height:none !important;overflow:visible !important;}
*:not(.announcement *):not([class*="announcement"]):not(.animate-announcement-scroll):not(.animate-announcement-scroll2):not(.animate-announcement-fade){animation:none !important;}
.announcement, .announcement *, .animate-announcement-scroll, .animate-announcement-scroll2, .animate-announcement-fade{animation:revert !important;}
body::after, .hero-feature-highlight::before, .feature-highlight::before, .product-glow-effect, .product-glow-effect::before{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.currency-selector, .navbar, header, .modal-content, [role="dialog"], .bg-border, .bg-b-secondary, .product-card, .feedback-glassmorphism{backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;}
.product-glow-effect, [class*="glow"]:not(.product-glow-container), [class*="shimmer"]{opacity:0 !important;pointer-events:none !important;}
.product-glow-container{display:block !important;}
.product-glow-container::before, .product-glow-container::after{display:none !important;}
button, a, [role="button"]{-webkit-tap-highlight-color:rgba(0,0,0,0.1);touch-action:manipulation;}
[x-transition]{transition-duration:0.15s !important;}
.btn-primary, .btn-secondary{transition:background-color 0.1s ease !important;}
*:hover{transform:none !important;}}
.product-glow-container{position:relative;display:block;width:100%;height:100%;overflow:visible !important;}
.product-glow-effect{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;opacity:0;transition:opacity 0.4s ease;pointer-events:none;z-index:-1;border-radius:16px;background:radial-gradient( ellipse 80% 80% at center,rgba(139,92,246,0.15) 0%,rgba(139,92,246,0.08) 40%,transparent 70% );filter:blur(12px);}
.product-glow-container:hover .product-glow-effect{opacity:1;animation:cyberPulse 2.5s ease-in-out infinite;}
@keyframes cyberPulse{0%,100%{opacity:0.7;transform:scale(1);}50%{opacity:1;transform:scale(1.02);}}
.search-input-main, .search-input-main:focus, .search-input-main:focus-visible, .search-input-main:focus-within, .search-input-main:active, .search-input-main:hover, input.search-input-main, input.search-input-main:focus, input[x-ref="searchInput"], input[x-ref="searchInput"]:focus, input[x-ref="searchInput"]:focus-visible, input[x-ref="searchInput"]:focus-within, input[x-ref="searchInput"]:active{outline:none !important;outline-offset:0 !important;box-shadow:none !important;border:none !important;-webkit-appearance:none !important;appearance:none !important;padding:0 0 0 44px !important;font-size:14px !important;background:transparent !important;margin:0 !important;height:50px !important;line-height:50px !important;border-radius:0 !important;margin-bottom:0 !important;display:flex !important;align-items:center !important;position:relative !important;top:0 !important;transform:none !important;width:100% !important;max-width:100% !important;flex:1 !important;align-self:center !important;}
.search-input-main::placeholder, input.search-input-main::placeholder, input[x-ref="searchInput"]::placeholder{line-height:50px !important;vertical-align:middle !important;}
.component[data-component-id*="products"] .relative.flex-1 > .absolute.z-10{pointer-events:none !important;}
.component[data-component-id*="products"] .relative.flex-1 > .absolute.z-10 svg{transition:none !important;animation:none !important;}
.filter-btn-attached{background:transparent;border:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);flex-shrink:0;}
.filter-btn-attached:hover{background:rgba(255,255,255,0.05);}
.filter-chevron{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;transform-origin:center !important;}
.component[data-component-id*="products"] .w-full.mb-6[data-aos="fade-up"]{position:relative;z-index:10 !important;}
.component[data-component-id*="products"] .relative.w-full.mb-8{z-index:10 !important;}
.component[data-component-id*="products"] .flex.flex-wrap{position:relative;z-index:1;}
@keyframes scan{0%{transform:translateX(-100%);opacity:0;}50%{opacity:1;}100%{transform:translateX(100%);opacity:0;}}
@keyframes spin-ring{0%{transform:rotate(0deg) scale(1.2);}100%{transform:rotate(360deg) scale(1.2);}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 5px rgba(59,130,246,0.5);}50%{box-shadow:0 0 20px rgba(59,130,246,0.8),0 0 40px rgba(59,130,246,0.3);}}
.product-card{position:relative;z-index:1;border-radius:0;overflow:visible !important;}
.product-card > a{border-radius:12px !important;overflow:hidden !important;border:1px solid rgba(139,92,246,0.2) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;position:relative;display:block;background:linear-gradient( 145deg,rgba(18,18,28,0.98) 0%,rgba(22,22,35,0.95) 50%,rgba(18,18,28,0.98) 100% ) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.03) inset !important;}
.product-card > a::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,0.5) 50%,transparent 100%);z-index:10;opacity:0;transition:opacity 0.4s ease;pointer-events:none;}
.product-card > a::after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.15),transparent);z-index:10;pointer-events:none;}
.product-card > a > *{position:relative;z-index:2;}
.product-card > a.corner, .product-card > a.bg-b-secondary, .product-card > a.bg-b-secondary.corner{clip-path:none !important;-webkit-clip-path:none !important;border-radius:12px !important;background:linear-gradient( 145deg,rgba(18,18,28,0.98) 0%,rgba(22,22,35,0.95) 50%,rgba(18,18,28,0.98) 100% ) !important;}
.product-card > a > .relative.aspect-video{border-bottom:1px solid rgba(139,92,246,0.12) !important;position:relative;background:rgba(0,0,0,0.2);}
.product-card > a > .relative.aspect-video::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.15),transparent);z-index:5;transition:left 0.7s ease;pointer-events:none;}
.product-glow-container:hover .product-card > a > .relative.aspect-video::before{left:100%;}
.product-card > a img{transition:transform 0.5s ease-in-out,filter 0.4s ease !important;will-change:transform;filter:brightness(0.92) saturate(1.05);}
.product-glow-container:hover .product-card > a img{transform:scale(1.08) !important;filter:brightness(1.02) saturate(1.15);}
.product-card > a > .text-left{position:relative;background:transparent !important;backdrop-filter:none;box-shadow:none;padding:16px !important;}
.product-card > a > .text-left h3{transition:all 0.3s ease;color:#fff !important;font-weight:600;}
.product-glow-container:hover .product-card > a > .text-left h3{text-shadow:0 0 25px rgba(139,92,246,0.4);color:#fff !important;}
.product-card > a > .text-left .text-accent-500, .product-card > a .text-accent-500{color:#a855f7 !important;text-shadow:0 0 12px rgba(168,85,247,0.25);}
.product-card > a > .text-left .text-t-primary\/50, .product-card > a .text-t-primary\/50{color:rgba(255,255,255,0.5) !important;}
.product-glow-container:hover .product-card > a, .product-glow-container:hover .product-card > a.corner, .product-glow-container:hover .product-card > a.bg-b-secondary{border-color:rgba(139,92,246,0.6) !important;clip-path:none !important;-webkit-clip-path:none !important;border-radius:12px !important;background:linear-gradient( 145deg,rgba(25,20,40,0.98) 0%,rgba(35,28,55,0.95) 50%,rgba(25,20,40,0.98) 100% ) !important;box-shadow:0 12px 40px rgba(0,0,0,0.5),0 0 40px rgba(139,92,246,0.25),0 0 0 1px rgba(139,92,246,0.15) inset !important;transform:translateY(-6px) scale(1.02);}
.product-glow-container:hover .product-card > a::before{opacity:1;}
@keyframes enhancedGlow{0%,100%{opacity:0.6;transform:scale(1) translateZ(0);}50%{opacity:1;transform:scale(1.02) translateZ(0);}}
h1.text-4xl{padding-top:1.2rem !important;padding-bottom:0 !important;}
.pb-16{padding-bottom:0 !important;}
.lg\\:pb-32{padding-bottom:0 !important;}
.py-24{padding-top:1.2rem !important;padding-bottom:0 !important;}
div[class*="w-full"][class*="sm:w-"][class*="lg:w-"][class*="2xl:w-"]{overflow:visible !important;}
.flex.flex-wrap{overflow:visible !important;}
.container{overflow:visible !important;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"], form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between{border-radius:var(--radius-md) !important;background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.1) !important;transition:all var(--transition-smooth) !important;position:relative !important;overflow:hidden !important;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"]:focus, form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between:focus{outline:none !important;box-shadow:none !important;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"]:hover, form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between:hover{background:rgba(255,255,255,0.05) !important;border-color:rgba(59,130,246,0.4) !important;box-shadow:0 0 20px rgba(59,130,246,0.3),0 4px 15px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1) !important;transform:translateY(-1px) !important;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"][class*="ring-accent-500"], form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between[class*="ring-accent-500"]{background:rgba(59,130,246,0.1) !important;border-color:rgba(59,130,246,0.5) !important;box-shadow:0 0 25px rgba(59,130,246,0.4),0 4px 20px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2) !important;transform:translateY(-2px) !important;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"][class*="ring-2"], form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between[class*="ring-2"]{outline:none !important;box-shadow:none !important;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"]::before, form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s ease;z-index:1;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"]:hover::before, form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between:hover::before{left:100%;}
.bg-b-secondary div.flex.flex-col.gap-2 button[type="button"] > *, form div.flex.flex-col.gap-2 button[type="button"].flex.items-center.justify-between > *{position:relative;z-index:2;}
.hero-container{contain:layout style paint;will-change:auto;}
.hero-primary-description, .hero-feature-highlight, .hero-subtitle{contain:layout style paint;}
footer [style*="transition: transform"]{transform:translateZ(0);backface-visibility:hidden;}
footer [style*="transition: transform"]:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 4px 12px rgba(0,0,0,0.2);}
@media (prefers-reduced-motion: no-preference){@keyframes subtleGlow{0%,100%{opacity:0.8;transform:scale(1);}50%{opacity:1;transform:scale(1.05);}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.feature-card{animation:fadeInUp 0.3s ease forwards;}
.feature-card:nth-child(2){animation-delay:0.1s;}
.feature-card:nth-child(3){animation-delay:0.2s;}
footer [style*="fas fa-bolt"]:hover, footer [style*="fas fa-shield-alt"]:hover, footer [style*="fas fa-headset"]:hover{animation:subtleGlow 1.5s ease-in-out;}}
@media (max-width: 768px){html{overflow-x:hidden !important;max-width:100vw !important;}
body{overflow-x:hidden !important;max-width:100vw !important;position:relative !important;}
img{image-rendering:-webkit-optimize-contrast;will-change:auto;}
img[loading="lazy"]{content-visibility:auto;}
*[style*="position: fixed"], *[style*="position: absolute"], .fixed, .absolute:not(.badges){max-width:100vw !important;left:0 !important;right:0 !important;}
*{max-width:100% !important;box-sizing:border-box !important;}
body::before, body::after{max-width:100vw !important;overflow:hidden !important;}}
.loading{opacity:0.6;pointer-events:none;}
@keyframes shimmer-skeleton{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);}
::-webkit-scrollbar-thumb{background:rgba(101,113,255,0.5);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:rgba(101,113,255,0.7);}
@media (prefers-contrast: high){.btn-primary{border:2px solid white;}
.feature-card{border:2px solid rgba(255,255,255,0.5);}
.text-t-primary\/50, .opacity-50{opacity:0.8 !important;}
.text-t-primary\/60, .opacity-60{opacity:0.9 !important;}
.text-t-primary\/70, .opacity-70{opacity:1 !important;}
.border-white\/5, .border-accent-500\/10{border-color:rgba(255,255,255,0.3) !important;}}
@media print{.navbar, .hero-bg, .mobile-menu-btn{display:none !important;}
body{background:white !important;color:black !important;}}
img{max-width:100%;height:auto;}
@media (max-width: 768px){.product-glow-container:hover .product-glow-effect{animation:none !important;opacity:0.8;}
.hero-primary-description{font-size:1rem !important;line-height:1.4 !important;margin-bottom:0.5rem !important;}
.hero-feature-highlight{padding:0.5rem 0.75rem !important;margin:0.5rem 0 0.5rem 0 !important;font-size:0.8rem !important;}
.hero-feature-text{font-size:0.8rem !important;line-height:1.4 !important;}
.feature-highlight{padding:0.5rem 0.75rem !important;margin:0.5rem 0 !important;font-size:0.8rem !important;}
.hero-buttons{flex-direction:column !important;gap:0.75rem !important;width:100% !important;margin-top:0.75rem !important;}
.hero-buttons .btn-primary, .hero-buttons .btn-secondary{width:100% !important;padding:0.875rem 1.5rem !important;font-size:1rem !important;text-align:center !important;}
.feature-card:nth-child(1), .feature-card:nth-child(2), .feature-card:nth-child(3){animation:none !important;}
footer [style*="animation: float"]{animation:none !important;}}
img[loading="lazy"]{transition:opacity 0.3s;}
img[loading="lazy"].loaded{opacity:1;}
.aspect-ratio{aspect-ratio:16 / 9;width:100%;object-fit:cover;}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid rgba(59,130,246,0.8) !important;outline-offset:2px !important;border-radius:4px !important;}
@media (prefers-reduced-motion: no-preference){.animate-number-counter{display:inline-block;transition:all 0.3s ease;}
footer{animation:fadeInUp 0.3s ease-out;}
footer [style*="linear-gradient"]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(3,111,255,0.2);}
footer a:hover{transform:translateX(5px);transition:all 0.3s ease;}
footer [style*="animation: float"]{animation:floatFooter 3s ease-in-out infinite;}
footer [style*="animation: float"]:nth-child(2){animation-delay:0.5s;}
footer [style*="animation: float"]:nth-child(3){animation-delay:1s;}
footer [style*="animation: float"]:nth-child(4){animation-delay:1.5s;}
footer [style*="animation: float"]:nth-child(5){animation-delay:2s;}
@keyframes floatFooter{0%,100%{transform:translateY(0px);}50%{transform:translateY(-5px);}}
footer .fas:hover{animation:pulseIcon 0.6s ease-in-out;}
@keyframes pulseIcon{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}
footer::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#036fff,transparent);animation:borderGlow 3s linear infinite;}
@keyframes borderGlow{0%{left:-100%;}100%{left:100%;}}
.stats-card{transition:transform 0.2s ease,box-shadow 0.3s ease,backdrop-filter 0.3s ease;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(0,0,0,0.2),rgba(0,0,0,0.15)) !important;backdrop-filter:var(--blur-light);-webkit-backdrop-filter:var(--blur-light);border:1px solid rgba(255,255,255,0.1);}
.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(3,111,255,0.15);background:linear-gradient(145deg,rgba(0,0,0,0.25),rgba(0,0,0,0.18)) !important;backdrop-filter:var(--blur-light);-webkit-backdrop-filter:var(--blur-light);border:1px solid rgba(3,111,255,0.2);}
.stats-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;transition:opacity 0.2s ease;opacity:0;z-index:1;border-radius:inherit;}
.stats-card .text-t-primary{text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.stats-card .text-accent-500{filter:drop-shadow(0 0 8px rgba(3,111,255,0.4));}
.glassmorphism-social-card{--glow-intensity:0.8;filter:brightness(var(--glow-intensity,0.8));transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.glassmorphism-social-card:hover{filter:brightness(1.1) saturate(1.2);box-shadow:0 12px 40px rgba(var(--cl-accent),0.15),inset 0 1px 0 0 rgba(255,255,255,0.1) !important;}
.component[data-component-id*="features"] .bg-border{--hover-scale:1;transform:scale(var(--hover-scale,1));}
.carousel-track{backface-visibility:hidden;transform:translateZ(0);}
#snow .snowflake{animation-duration:15s;opacity:0.6;}
.glitch-btn .anim{will-change:transform,opacity;}
@keyframes optimizedFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}}
.navbar a:not([href*="cart"]), .component[data-component-id="navbar"] nav a:not([href*="cart"]){position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;transform:translateZ(0);}
.navbar a:not([href*="cart"])::before, .component[data-component-id="navbar"] nav a:not([href*="cart"])::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(3,111,255,0.1),transparent);transition:left 0.5s ease;z-index:0;}
.navbar a:not([href*="cart"]):hover::before, .component[data-component-id="navbar"] nav a:not([href*="cart"]):hover::before{left:100%;}
.navbar a:not([href*="cart"]):hover, .component[data-component-id="navbar"] nav a:not([href*="cart"]):hover{color:#3b82f6 !important;transform:translateY(-1px) scale(1.05);text-shadow:0 0 8px rgba(59,130,246,0.3);box-shadow:0 0 12px rgba(59,130,246,0.15);}
.navbar a:active, .component[data-component-id="navbar"] nav a:active{transform:translateY(0) scale(0.98);transition:transform 0.1s ease;}
.product-card, [class*="product-card"]{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);}
.product-card:hover, [class*="product-card"]:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 12px 30px rgba(0,0,0,0.15),0 0 25px rgba(139,92,246,0.2);}
.component[data-component-id*="products"] .bg-border{transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.component[data-component-id*="products"] .bg-border:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 10px 40px rgba(0,0,0,0.2),0 0 0 2px rgba(139,92,246,0.8),0 0 20px rgba(139,92,246,0.6),0 0 40px rgba(139,92,246,0.4),0 0 60px rgba(139,92,246,0.2);}
.component[data-component-id*="products"] .bg-border:hover .bg-b-secondary{box-shadow:none !important;}
.group:hover img.aspect-video, .group:hover .aspect-video img, .bg-border:hover img.aspect-video, .bg-border:hover .aspect-video img{transform:scale(1.05) translateZ(0);}
img.aspect-video, .aspect-video img{transition:transform 0.3s ease;will-change:transform;}
button:hover, [role="button"]:hover, .cursor-pointer:hover{box-shadow:0 0 8px rgba(139,92,246,0.1);}
a:hover:not(nav a):not(.navbar a):not([class*="nav"] a){text-shadow:0 0 6px rgba(139,92,246,0.2);transition:text-shadow 0.3s ease;}
footer a:hover, footer li a:hover{color:#c084fc !important;text-shadow:0 0 8px rgba(192,132,252,0.4) !important;transition:all var(--transition-normal) !important;}
footer i:hover, footer li:hover i{filter:drop-shadow(0 0 6px currentColor) brightness(1.2) !important;transition:all var(--transition-normal) !important;}
footer span[style*="background: #ff4444"]:hover{box-shadow:0 0 10px rgba(255,68,68,0.6) !important;transition:all var(--transition-normal) !important;}
input:focus, textarea:focus, select:focus{box-shadow:0 0 0 2px rgba(139,92,246,0.1),0 0 12px rgba(139,92,246,0.08);outline:none;transition:box-shadow 0.3s ease;}
.glitch-btn{contain:layout style paint;}
.glitch-btn:hover .anim{animation-duration:1s;}
@media (prefers-color-scheme: dark){:root{color-scheme:dark;}}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
body::after{animation:none !important;background-image:none !important;}
.feature-card{animation:none !important;}}
@media (prefers-contrast: high){.text-t-primary\/50, .opacity-50{opacity:0.8 !important;}
.text-t-primary\/60, .opacity-60{opacity:0.9 !important;}
.text-t-primary\/70, .opacity-70{opacity:1 !important;}
.border-white\/5, .border-accent-500\/10{border-color:rgba(255,255,255,0.3) !important;}}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid rgba(59,130,246,0.8) !important;outline-offset:2px !important;border-radius:4px !important;}
input, input:focus, input:focus-visible, input:focus-within, textarea, textarea:focus, textarea:focus-visible, textarea:focus-within, select, select:focus, select:focus-visible, select:focus-within{border-color:transparent !important;box-shadow:none !important;outline:none !important;}
input:focus-visible:not([x-ref="searchInput"]), textarea:focus-visible, select:focus-visible{outline:2px solid rgba(59,130,246,0.6) !important;outline-offset:2px !important;}
textarea{margin-bottom:1rem !important;}
.component[data-component-id="navbar"] a:focus-visible, .component[data-component-id="navbar"] button:focus-visible{outline:2px solid rgba(59,130,246,1) !important;outline-offset:2px !important;box-shadow:0 0 0 4px rgba(59,130,246,0.3) !important;}
.skip-link{position:absolute;top:-40px;left:6px;background:rgba(59,130,246,1);color:white;padding:8px 16px;text-decoration:none;border-radius:4px;z-index:1000;transition:top 0.2s ease;}
.skip-link:focus{top:6px;}
.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;}
input:invalid:not(:focus):not(:placeholder-shown), select:invalid:not(:focus), textarea:invalid:not(:focus):not(:placeholder-shown){border-color:#ef4444 !important;box-shadow:0 0 0 1px #ef4444 !important;}
input:valid:not(:placeholder-shown), select:valid, textarea:valid:not(:placeholder-shown){border-color:#22c55e !important;}
.loading{pointer-events:none;opacity:0.6;position:relative;}
.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(59,130,246,0.3);border-radius:50%;animation:spin 1s linear infinite;}
body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,35,0.2);backdrop-filter:var(--blur-light);-webkit-backdrop-filter:var(--blur-light);z-index:-1;pointer-events:none;border:none;outline:none;}
body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,0.1),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,0.05),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,0.05),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,0.05),transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,0.05),transparent),radial-gradient(1px 1px at 30px 40px,rgba(255,255,255,0.05),transparent),radial-gradient(1px 1px at 80px 90px,rgba(255,255,255,0.03),transparent);background-repeat:repeat;background-size:200px 100px;animation:none;z-index:-1;pointer-events:none;will-change:auto;opacity:0.6;}
@media (max-width: 768px){body::after{animation:none !important;opacity:0.3;}}
@media (prefers-reduced-motion: no-preference){body:not(.visible) ::after{animation-play-state:paused;}}
.component[data-component-id*="hero"]{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;will-change:transform;contain:layout style paint;transform:translateZ(0);background:transparent;overflow:visible;z-index:1;margin-top:0;margin-bottom:0;padding:80px 0 80px 0;border-bottom:none;}
.component[data-component-id*="hero"] .relative.flex.justify-center.items-center{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;overflow:visible;z-index:1;margin-top:0;margin-bottom:0;padding:80px 0 80px 0;border-bottom:none;}
.component[data-component-id*="hero"]::before{display:none;}
.component[data-component-id*="hero"] .relative.flex.justify-center.items-center::before{display:none;}
@keyframes sparkle{0%{transform:translateY(0);}100%{transform:translateY(-100px);}}
@keyframes holographic{0%{text-shadow:0 0 10px rgba(3,111,255,0.8),0 0 20px rgba(3,111,255,0.6),0 0 30px rgba(3,111,255,0.4),2px 2px 0 rgba(255,0,255,0.4),-2px -2px 0 rgba(0,255,255,0.4);}25%{text-shadow:0 0 15px rgba(138,207,255,0.9),0 0 25px rgba(3,111,255,0.7),0 0 35px rgba(3,111,255,0.5),-2px 2px 0 rgba(0,255,255,0.5),2px -2px 0 rgba(255,0,255,0.5);}50%{text-shadow:0 0 20px rgba(3,111,255,1),0 0 30px rgba(138,207,255,0.8),0 0 40px rgba(3,111,255,0.6),2px -2px 0 rgba(255,0,255,0.6),-2px 2px 0 rgba(0,255,255,0.6);}75%{text-shadow:0 0 15px rgba(138,207,255,0.9),0 0 25px rgba(3,111,255,0.7),0 0 35px rgba(3,111,255,0.5),-2px -2px 0 rgba(0,255,255,0.5),2px 2px 0 rgba(255,0,255,0.5);}100%{text-shadow:0 0 10px rgba(3,111,255,0.8),0 0 20px rgba(3,111,255,0.6),0 0 30px rgba(3,111,255,0.4),2px 2px 0 rgba(255,0,255,0.4),-2px -2px 0 rgba(0,255,255,0.4);}}
@keyframes titlePulse{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}
.component[data-component-id="hero"] .flex.flex-col.max-w-3xl .donut-title, .component[data-component-id="hero"] .donut-title, h1.donut-title, .donut-title{font-size:2.1rem !important;line-height:1.1 !important;max-width:none !important;width:100% !important;text-align:center !important;display:block !important;margin:0 auto 0.5rem auto !important;position:relative !important;font-weight:800 !important;letter-spacing:1px !important;background:linear-gradient( 90deg,#3b82f6 0%,#3b82f6 75%,#8b5cf6 100% ) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;filter:drop-shadow(0 0 8px rgba(59,130,246,0.5)) !important;}
@keyframes sparkleGradient{0%{background-position:0% 50%;}100%{background-position:300% 50%;}}
.donut-title, h1.donut-title, .component[data-component-id*="hero"] h1, .component[data-component-id="hero"] .donut-title{animation:sparkleGradient 4s linear infinite !important;-webkit-animation:sparkleGradient 4s linear infinite !important;animation-duration:4s !important;animation-iteration-count:infinite !important;animation-play-state:running !important;}
.donut-title::before, .donut-title::after{display:none !important;content:none !important;}
.component[data-component-id="hero"] .flex.flex-col.max-w-3xl.mx-auto.text-center{max-width:none !important;width:100% !important;}
.component[data-component-id="hero"] .donut-title{white-space:nowrap !important;overflow:visible !important;text-overflow:initial !important;}
@media (max-width: 768px){.component[data-component-id="hero"] .donut-title, .component[data-component-id="hero"] .flex.flex-col.max-w-3xl .donut-title, h1.donut-title{font-size:0.9rem !important;line-height:1.2 !important;white-space:normal !important;word-break:break-word !important;}}
@keyframes rainbow-gradient{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.hero-primary-description{font-size:1.3rem;color:rgba(255,255,255,0.9);margin-bottom:0.5rem;font-weight:500;letter-spacing:0.2px;text-shadow:0 0 15px rgba(255,255,255,0.2);line-height:1.5;}
.hero-feature-highlight{background:rgba(255,255,255,0.08);backdrop-filter:var(--blur-light);-webkit-backdrop-filter:var(--blur-light);border:1px solid rgba(255,255,255,0.15);border-radius:15px;padding:1rem 1.5rem;margin:0.5rem 0;min-height:60px;contain:layout style paint;will-change:auto;box-shadow:0 6px 25px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;overflow:hidden;}
.hero-feature-highlight::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.1),transparent );animation:shimmer 3s infinite;will-change:transform;transform:translateZ(0);contain:strict;}
.hero-feature-text{color:rgba(255,255,255,0.95);font-size:1.1rem;font-weight:500;line-height:1.4;}
.hero-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.85);margin-bottom:0.8rem;font-weight:400;letter-spacing:0.3px;text-shadow:0 0 15px rgba(255,255,255,0.2);line-height:1.6;}
.feature-highlight{background:rgba(255,255,255,0.08);backdrop-filter:var(--blur-light);border:1px solid rgba(255,255,255,0.15);border-radius:15px;padding:1rem 1.8rem;margin:1rem 0;box-shadow:0 6px 25px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;overflow:hidden;}
.feature-highlight::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.1),transparent );animation:shimmer 3s infinite;contain:strict;will-change:auto;}
@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
.feature-text{color:rgba(255,255,255,0.9);font-size:clamp(0.9rem,2vw,1.1rem);font-weight:500;}
.instant-highlight{background:linear-gradient(45deg,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-shadow:0 0 20px rgba(78,205,196,0.5);}
.hero-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:0.8rem;align-items:center;justify-content:center;margin-top:0.8rem;margin-bottom:1.5rem;position:relative;z-index:100;pointer-events:auto;}
.hero-buttons .btn-primary, .hero-buttons .btn-secondary{flex:0 0 auto;width:200px;max-width:200px;min-width:200px;}
.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:0.75rem 2.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:box-shadow 0.4s ease-out,opacity 0.4s ease-out,transform 0.8s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 8px rgba(102,126,234,0.25),0 0 10px rgba(102,126,234,0.1);position:relative;overflow:hidden;z-index:100;pointer-events:auto;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;transform:translateZ(0) scale(1);}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.6s ease;}
.btn-primary:hover::before{left:100%;}
.btn-primary:hover{box-shadow:0 3px 12px rgba(102,126,234,0.4),0 0 20px rgba(102,126,234,0.2);opacity:0.95;transform:translateZ(0) scale(1.02);color:white;text-decoration:none;}
.btn-secondary{background:transparent;color:rgba(255,255,255,0.85);border:2px solid rgba(255,255,255,0.25);padding:0.75rem 2.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:border-color 0.4s ease-out,background-color 0.4s ease-out,opacity 0.4s ease-out,transform 0.8s cubic-bezier(0.16,1,0.3,1);backdrop-filter:var(--blur-light);z-index:100;pointer-events:auto;position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;transform:translateZ(0) scale(1);}
.btn-secondary:hover{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.08);opacity:0.95;transform:translateZ(0) scale(1.02);color:rgba(255,255,255,0.85);text-decoration:none;}
.component[data-component-id="hero"] .feature-cards{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:1rem;margin-bottom:0;padding:1rem 0.5rem;overflow:visible;}
.feature-card{background:rgba(255,255,255,0.05) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:15px;padding:1.2rem;text-align:center;transition:all 0.3s ease;position:relative;overflow:visible;flex:0 0 auto;width:320px;min-width:320px;margin:0.5rem 0;}
.feature-card:hover{background:rgba(255,255,255,0.08) !important;transform:translateY(-8px) scale(1.02);border-color:rgba(139,92,246,0.5) !important;box-shadow:0 15px 60px rgba(0,0,0,0.35),0 0 30px rgba(139,92,246,0.3) !important;filter:drop-shadow(0 0 20px rgba(139,92,246,0.3));}
.feature-icon{font-size:2.2rem;margin-bottom:0.6rem;filter:drop-shadow(0 0 15px rgba(255,255,255,0.2));}
.feature-card h3{color:white;font-size:1.1rem;font-weight:600;margin-bottom:0.6rem;}
.feature-card p{color:rgba(255,255,255,0.7);line-height:1.4;font-size:0.9rem;}
@media (max-width: 768px){.component[data-component-id*="hero"]{min-height:100vh;padding:60px 0 60px 0;}
.component[data-component-id*="hero"] .relative.flex.justify-center.items-center{min-height:100vh;padding:60px 0 60px 0;}
.donut-title{font-size:0.9rem !important;line-height:1.2 !important;margin-bottom:0.4rem;text-align:center !important;max-width:none !important;width:100% !important;white-space:normal !important;overflow:visible !important;word-break:break-word !important;font-weight:800 !important;background:linear-gradient( 90deg,#3b82f6 0%,#3b82f6 75%,#8b5cf6 100% ) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;filter:drop-shadow(0 0 6px rgba(59,130,246,0.4)) !important;}
.hero-primary-description{font-size:1.1rem;margin-bottom:0.4rem;}
.hero-feature-highlight{padding:0.8rem 1.2rem;margin:0.4rem 0;min-height:fit-content;contain:layout style paint;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:15px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;}
.hero-feature-highlight::before{display:none;}
.hero-feature-text{font-size:1rem;line-height:1.5;color:rgba(255,255,255,0.95);font-weight:500;contain:layout style;will-change:auto;}
.hero-subtitle{font-size:1rem;margin-bottom:0.6rem;}
.hero-buttons{margin-top:0.6rem;margin-bottom:1rem;flex-direction:column;gap:0.8rem;}
.feature-card{width:300px;min-width:300px;}
.component[data-component-id="hero"] .feature-cards{gap:1rem;padding:0.5rem;}}
@media (min-width: 769px) and (max-width: 1024px){.hero-primary-description{font-size:1.2rem;}
.hero-feature-text{font-size:1.05rem;}}
@media (min-width: 768px){.hero-buttons{flex-direction:row;justify-content:center;}
.feature-highlight{padding:1.2rem 2rem;}}
@media (min-width: 768px) and (max-width: 1024px){.component[data-component-id="navbar"] a, .component[data-component-id="navbar"] button{min-height:44px !important;padding:12px 16px !important;}
.component[data-component-id="navbar"] .gap-2{gap:1rem !important;}
.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.max-w-lg{max-width:24rem !important;}}
@media (min-width: 2560px){.hero-subtitle{font-size:clamp(1.1rem,1.3vw,1.4rem);}
.component[data-component-id="hero"] .feature-cards{gap:0.6rem;padding:0.4rem 0.6rem;width:95vw;margin-left:calc(50% - 47.5vw);margin-right:calc(50% - 47.5vw);}}
@media (min-width: 641px) and (max-width: 768px){.component[data-component-id="hero"] .feature-cards{flex-direction:row !important;flex-wrap:wrap !important;justify-content:center !important;align-items:stretch !important;gap:1rem;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding:0 1rem;}
.feature-card{flex:1 1 200px;max-width:280px;min-width:180px;margin:0.2rem;}}
@media (max-width: 640px){.component[data-component-id="hero"] .feature-cards{width:100% !important;margin-left:auto !important;margin-right:auto !important;margin-top:0.4rem !important;padding:0 0.1rem;display:flex !important;justify-content:center !important;flex-wrap:wrap;flex-direction:row !important;gap:0.5rem;}
.feature-card{flex:1 1 160px;max-width:200px;min-width:140px;width:auto !important;margin:0.05rem;}}
@media (max-width: 360px){.hero-subtitle{font-size:clamp(0.85rem,3vw,1rem);}
.component[data-component-id="hero"] .feature-cards{flex-direction:row !important;justify-content:center !important;align-items:stretch !important;flex-wrap:wrap !important;gap:0.6rem;margin-top:1rem;padding:0 0.1rem;}
.feature-card{padding:0.6rem;flex:1 1 140px;max-width:180px;min-width:120px;margin:0.02rem;}
.btn-primary, .btn-secondary{padding:0.75rem 2.5rem;font-size:1rem;flex:1;max-width:200px;min-width:180px;}
.hero-buttons{flex-direction:column;gap:0.6rem;}
.component[data-component-id="navbar"] .navbar-title{font-size:1rem !important;}
.component[data-component-id="navbar"] .max-h-10{max-height:32px !important;}}
.component[data-component-id="navbar"] .p-4{padding:8px 0 !important;width:100% !important;height:100% !important;min-height:inherit !important;}
.component[data-component-id="navbar"] .max-h-10{max-height:48px !important;border-radius:0 !important;}
.component[data-component-id="navbar"] .navbar-logo-link{border-radius:0 !important;gap:0.5rem !important;}
.component[data-component-id="navbar"] .navbar-logo-link img{border-radius:8px !important;}
.component[data-component-id="navbar"] .navbar-logo-link:focus, .component[data-component-id="navbar"] .navbar-logo-link:focus-visible, .component[data-component-id="navbar"] .navbar-logo-link:active{outline:none !important;border:none !important;transform:none !important;box-shadow:none !important;}
.component[data-component-id="navbar"] .navbar-logo-link .navbar-title:focus, .component[data-component-id="navbar"] .navbar-logo-link .navbar-title:focus-visible, .component[data-component-id="navbar"] .navbar-logo-link .navbar-title:active{outline:none !important;border:none !important;transform:none !important;box-shadow:none !important;}
.component[data-component-id="navbar"] .navbar-title{font-size:1.125rem !important;border-radius:0 !important;}
.component[data-component-id="navbar"] .navbar-title.md\:text-2xl{font-size:1.25rem !important;border-radius:0 !important;}
@media (max-width: 768px){.component[data-component-id="navbar"] .navbar-title{display:none !important;}}
.component[data-component-id="navbar"] a.text-base{font-size:0.875rem !important;padding:0.5rem 1rem !important;}
.component[data-component-id="navbar"] .glitch-btn{padding:0.75rem !important;font-size:0.875rem !important;}
.component[data-component-id="navbar"] .currency-selector select{width:55px !important;height:48px !important;font-size:0.875rem !important;}
.component[data-component-id="navbar"] .currency-selector .choices{padding:0 !important;margin:0 !important;min-height:48px !important;height:48px !important;width:55px !important;max-width:55px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;vertical-align:middle !important;color:var(--t-primary) !important;transition:color 300ms ease-in-out !important;}
.component[data-component-id="navbar"] .currency-selector .choices:hover{color:var(--accent-500) !important;}
.component[data-component-id="navbar"] .currency-selector .choices:hover .choices__inner, .component[data-component-id="navbar"] .currency-selector .choices:hover .choices__list--single .choices__item, .component[data-component-id="navbar"] .currency-selector .choices:hover .symbol{color:inherit !important;}
.component[data-component-id="navbar"] .currency-selector{min-width:55px !important;width:55px !important;height:48px !important;min-height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;}
.component[data-component-id="navbar"] a[href*="/cart"], .component[data-component-id="navbar"] button{min-height:32px !important;min-width:32px !important;padding:0.5rem !important;}
.component[data-component-id="navbar"] .gap-4{gap:0.5rem !important;}
.component[data-component-id="navbar"] .gap-2{gap:0.5rem !important;}
@media (max-width: 480px){.component[data-component-id="navbar"] .p-4{padding:0.5rem !important;}
.component[data-component-id="navbar"] .max-h-10{max-height:40px !important;border-radius:0 !important;}
.component[data-component-id="navbar"] .navbar-title{font-size:1rem !important;border-radius:0 !important;}}
.component[data-component-id="navbar"] .relative.z-30{z-index:9999 !important;}
.component[data-component-id="navbar"] .fixed.z-20, .component[data-component-id="navbar"] .absolute.z-20{z-index:9998 !important;}
.component[data-component-id="navbar"] button[x-ref="mobileMenuBtn"]{position:relative !important;z-index:9999 !important;}
@media (min-width: 481px) and (max-width: 640px){.btn-primary, .btn-secondary{padding:0.8rem 1.5rem;font-size:0.95rem;min-width:140px;}}
.product-form .flex.items-center{flex-wrap:nowrap;}
@media (min-width: 360px){.hero-buttons{flex-wrap:wrap;}
.btn-primary, .btn-secondary{flex:0 0 auto;white-space:nowrap;}}
@media (max-width: 360px){.hero-buttons{flex-direction:column;width:100%;}
.btn-primary, .btn-secondary{width:100%;max-width:none;}}
@media (max-width: 768px){input, select, textarea, button{min-height:44px;}
.component[data-component-id="navbar"]{min-height:60px !important;padding:0 !important;}
.component[data-component-id="navbar"] .p-4{padding:8px 16px !important;width:100% !important;height:100% !important;min-height:60px !important;}
.component[data-component-id="navbar"] .max-h-10, .component[data-component-id="navbar"] .navbar-title{margin-left:0 !important;}
.component[data-component-id="navbar"] .gap-2{gap:8px !important;}
.component[data-component-id="navbar"] .flex{min-height:44px !important;}
.component[data-component-id="navbar"] .currency-selector{min-width:44px !important;width:44px !important;height:44px !important;min-height:44px !important;margin-right:8px !important;}
.component[data-component-id="navbar"] .currency-selector .choices{width:44px !important;height:44px !important;min-height:44px !important;}
.component[data-component-id="navbar"] .currency-selector .choices{width:55px !important;height:44px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;position:relative !important;color:var(--t-primary) !important;transition:color 300ms ease-in-out !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:var(--radius-md) !important;background:rgba(255,255,255,0.05) !important;}
.component[data-component-id="navbar"] .currency-selector .choices:hover{color:var(--accent-500) !important;}
.component[data-component-id="navbar"] .currency-selector select{width:55px !important;height:48px !important;min-width:55px !important;min-height:48px !important;}
.component[data-component-id="navbar"] .glitch-btn{min-height:44px !important;padding:10px 20px !important;font-size:0.875rem !important;}}
.choices{margin-bottom:8px !important;}
.component[data-component-id*="hero"]{padding:1rem !important;}
.component[data-component-id*="hero"] .container{padding-left:1rem !important;padding-right:1rem !important;}
.component[data-component-id*="hero"] h1, .component[data-component-id*="hero"] .text-4xl, .component[data-component-id*="hero"] .text-5xl, .component[data-component-id*="hero"] .text-6xl{font-size:2rem !important;line-height:2.5rem !important;margin-bottom:1rem !important;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4{flex-direction:column !important;gap:0.75rem !important;width:100% !important;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 > *{width:100% !important;max-width:280px !important;margin:0 auto !important;}
.component[data-component-id*="hero"] [x-data="searchbar"]{width:100% !important;max-width:320px !important;margin:0 auto 1rem auto !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] .p-4{padding:0.5rem !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] input{padding:0.4rem 0.75rem !important;}
@media (min-width: 769px){.component[data-component-id*="hero"] [x-data="searchbar"]{width:100% !important;max-width:600px !important;margin:0 auto 1.5rem auto !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] .max-w-xl{max-width:600px !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] .p-4{padding:0.75rem !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] input{font-size:1.125rem !important;padding:0.4rem 1rem !important;}}
[x-show="modalOpen"] .fixed.inset-0.z-20{z-index:999998 !important;}
[x-show="modalOpen"][style*="display: block"] [aria-hidden="true"][class*="backdrop"], [x-show="modalOpen"][style*="display: flex"] [aria-hidden="true"][class*="backdrop"], [x-show="modalOpen"][style*="display: block"] [class*="modal-backdrop"], [x-show="modalOpen"][style*="display: flex"] [class*="modal-backdrop"], [x-show="modalOpen"][style*="display: block"] [class*="bg-black"][class*="fixed"][class*="inset-0"], [x-show="modalOpen"][style*="display: flex"] [class*="bg-black"][class*="fixed"][class*="inset-0"]{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;z-index:999997 !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;background:rgba(0,0,0,0.8) !important;transform:none !important;contain:none !important;isolation:isolate !important;}
body > .fixed.inset-0.bg-black.bg-opacity-75.modal-backdrop, body > [x-show="modalOpen"][style*="display: block"], body > [x-show="modalOpen"][style*="display: flex"]{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;z-index:999999 !important;contain:none !important;isolation:auto !important;transform:none !important;}
[x-show="modalOpen"][style*="display: block"] .inline-block, [x-show="modalOpen"][style*="display: flex"] .inline-block{z-index:var(--modal-z) !important;position:relative !important;}
[x-show="modalOpen"][style*="display: block"] .inline-block, [x-show="modalOpen"][style*="display: flex"] .inline-block{max-width:95vw !important;margin:0 auto !important;}
[x-show="modalOpen"][style*="display: block"] .inline-block.bg-border .bg-b-primary, [x-show="modalOpen"][style*="display: flex"] .inline-block.bg-border .bg-b-primary{border-radius:inherit !important;}
[x-show="modalOpen"][style*="display: block"], [x-show="modalOpen"][style*="display: flex"]{transition:opacity 300ms ease-out,transform 200ms ease-out !important;}
[x-show="modalOpen"][x-transition-leave][style*="display: block"], [x-show="modalOpen"][x-transition-leave][style*="display: flex"]{transition:opacity 150ms ease-in,transform 200ms ease-in !important;}
[x-show="modalOpen"]:not([style*="display: none"]){animation:none !important;transition-delay:0ms !important;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea{font-size:16px !important;}
.component[data-component-id="navbar"] a[href*="/cart"], .component[data-component-id="navbar"] button{min-height:48px !important;min-width:48px !important;}
.component[data-component-id*="features"] .bg-border{background:rgba(255,255,255,0.05) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:var(--radius-md) !important;box-shadow:0 10px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08) !important;transition:all var(--transition-smooth) !important;}
.component[data-component-id*="features"] .bg-border:hover{border-color:rgba(var(--cl-accent),0.4) !important;box-shadow:0 12px 40px rgba(var(--cl-accent),0.15),inset 0 1px 0 0 rgba(255,255,255,0.1) !important;transform:translateY(-2px) !important;}
.component[data-component-id*="features"] .bg-b-secondary{background:rgba(0,0,0,0.25) !important;border:1px solid rgba(255,255,255,0.08) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:10px !important;}
.component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="reviews"] .bg-border{will-change:transform,opacity !important;}
.component[data-component-id*="feedbacks"] .splide, .component[data-component-id*="reviews"] .splide{margin:0 auto !important;padding:0 !important;width:100% !important;display:flex !important;justify-content:center !important;}
.component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="reviews"] .bg-border{width:100% !important;max-width:none !important;margin:12px 0 !important;}
.component[data-component-id*="feedbacks"] .text-sm, .component[data-component-id*="reviews"] .text-sm{font-size:0.875rem !important;line-height:1.4 !important;}
.component[data-component-id*="features"] .grid{grid-template-columns:1fr !important;gap:1.5rem !important;}
.component[data-component-id*="features"] .bg-border{background:rgba(255,255,255,0.05) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:var(--radius-md) !important;box-shadow:0 10px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08) !important;transition:all var(--transition-smooth) !important;}
.component[data-component-id*="features"] .bg-border:hover{border-color:rgba(var(--cl-accent),0.4) !important;box-shadow:0 12px 40px rgba(var(--cl-accent),0.15),inset 0 1px 0 0 rgba(255,255,255,0.1) !important;transform:translateY(-2px) !important;}
.component[data-component-id*="products"] .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;gap:1rem !important;}
.component[data-component-id*="stats"] h2, .component[data-component-id*="features"] h2, .component[data-component-id*="products"] h2{font-size:clamp(1.125rem,4.5vw,1.75rem) !important;line-height:1.3 !important;word-break:break-word;}
.component[data-component-id*="stats"] p, .component[data-component-id*="features"] p, .component[data-component-id*="products"] p{font-size:1rem !important;line-height:1.5rem !important;}
.pb-16, .lg\\:pb-32{padding-bottom:0.5rem !important;}
.py-24{padding-top:0.75rem !important;padding-bottom:0.5rem !important;}
h1.animated-title, h1.text-2xl, h1.text-xl, h1[class*="text-2xl"], h1[class*="text-xl"]{font-size:1.1rem !important;line-height:1.4rem !important;padding:0.5rem 0.75rem !important;text-align:center !important;word-break:normal !important;white-space:normal !important;overflow-wrap:anywhere !important;max-width:100% !important;margin:0 auto !important;letter-spacing:0.02em !important;font-weight:700 !important;}
.search-input, input[type="search"], input[placeholder*="Search"], input[placeholder*="search"]{font-size:0.9rem !important;padding:0.625rem 0.875rem !important;width:100% !important;max-width:100% !important;border-radius:8px !important;margin-bottom:0.75rem !important;}
input.search-input-main, input.search-input-main[placeholder*="Search"], input[x-ref="searchInput"], input[x-ref="searchInput"][placeholder*="Search"]{padding:0 0 0 44px !important;margin-bottom:0 !important;height:50px !important;line-height:50px !important;border-radius:0 !important;font-size:14px !important;border:none !important;background:transparent !important;}
.component[data-component-id*="products"] .relative.flex-1.flex.items-center{padding-left:12px !important;}
.component[data-component-id*="products"] .relative.flex-1 > .absolute.z-10{left:12px !important;}
.filter-btn-attached{background:transparent !important;border:none !important;transition:all 0.3s ease !important;flex-shrink:0 !important;}
.filter-btn-attached:hover{background:rgba(255,255,255,0.05) !important;}
.filter-btn-attached.bg-blue-600{background:rgba(59,130,246,0.9) !important;border-color:rgba(59,130,246,1) !important;}
.search-input-unified + svg, .filter-btn-attached svg{flex-shrink:0 !important;}
.filter-chevron{transition:transform 0.3s ease !important;transform-origin:center !important;}
.filter-chevron.rotate-180{transform:rotate(180deg) !important;}
.component[data-component-id*="products"] .w-full.mb-6[data-aos="fade-up"]{position:relative !important;z-index:10 !important;}
.component[data-component-id*="products"] .relative.w-full.mb-8{z-index:10 !important;}
div[class*="flex-wrap"]{gap:0.5rem !important;justify-content:center !important;}
@media (max-width: 480px){body::before{backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;background:rgba(15,15,35,0.2) !important;}
.component[data-component-id="navbar"] .bg-b-tertiary{backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;background:rgba(15,15,35,0.2) !important;}
.component[data-component-id*="hero"] h1, .component[data-component-id*="hero"] .text-4xl, .component[data-component-id*="hero"] .text-5xl, .component[data-component-id*="hero"] .text-6xl{font-size:1.5rem !important;line-height:2rem !important;}
.component[data-component-id*="hero"] .container{padding-left:0.75rem !important;padding-right:0.75rem !important;}
.component[data-component-id="navbar"] .currency-selector{font-size:0.875rem !important;}}
@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-10px);}}
.feature-card:nth-child(1){animation:float 6s ease-in-out infinite;}
.feature-card:nth-child(2){animation:float 6s ease-in-out infinite 2s;}
.feature-card:nth-child(3){animation:float 6s ease-in-out infinite 4s;}
.component[data-component-id*="features"] .bg-border{position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;background:rgba(255,255,255,0.05) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 10px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08) !important;}
.component[data-component-id*="features"] .bg-border::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(300px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(168,85,247,0.2) 0%,rgba(168,85,247,0.1) 30%,transparent 60%);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity 0.3s ease;z-index:1;}
.component[data-component-id*="features"] .bg-border:hover::before{opacity:1;}
.component[data-component-id*="features"] .bg-border:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(168,85,247,0.3);}
.component[data-component-id*="features"] .bg-b-secondary{position:relative;z-index:2;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;}
.component[data-component-id*="features"] .bg-b-secondary::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(200px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(168,85,247,0.15) 0%,rgba(168,85,247,0.05) 40%,transparent 70%);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity 0.3s ease;}
.component[data-component-id*="features"] .bg-border:hover .bg-b-secondary::before{opacity:1;}
.component[data-component-id*="features"] .bg-border:hover .bg-b-secondary{transform:translateY(-1px) scale(1.01);box-shadow:inset 0 1px 0 0 rgba(168,85,247,0.2);}
.component[data-component-id*="features"] .text-accent-500, .component[data-component-id*="features"] .features-icon{background:linear-gradient(45deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(168,85,247,0.4));transition:all 0.3s ease;display:inline-block;}
.component[data-component-id*="features"] .bg-border:hover .text-accent-500, .component[data-component-id*="features"] .bg-border:hover .features-icon{filter:drop-shadow(0 0 15px rgba(168,85,247,0.8)) drop-shadow(0 0 25px rgba(59,130,246,0.6));transform:scale(1.05);transition:all 0.3s ease;background:linear-gradient(45deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.component[data-component-id*="features"] .bg-b-secondary{background:rgba(0,0,0,0.25) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 16px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.05) !important;}
.component[data-component-id*="features"] .corner, .component[data-component-id*="features"] .bg-border.corner, .component[data-component-id*="features"] .bg-b-secondary.corner{border-radius:var(--radius-md) !important;clip-path:none !important;-webkit-clip-path:none !important;}
.component[data-component-id*="features"] .bg-b-secondary *{position:relative;z-index:3;}
body::before, body::after{z-index:-1;}
.component[data-component-id*="hero"]{z-index:1;}
.component[data-component-id*="feedbacks"]{z-index:3;}
.component[data-component-id*="reviews"]{z-index:3;position:relative;}
.component[data-component-id="footer"]{z-index:5;}
.hero-buttons{z-index:100;}
.btn-primary, .btn-secondary{z-index:100;}
.component[data-component-id="navbar"]{z-index:1000;}
.fixed.inset-0.z-50{z-index:50000;}
:root{--search-bg:rgba(255,255,255,0.08);--search-bg-focus:rgba(255,255,255,0.12);--search-border:rgba(255,255,255,0.15);--search-border-focus:rgba(102,126,234,0.6);--search-shadow-focus:0 0 0 3px rgba(102,126,234,0.15),0 6px 20px rgba(102,126,234,0.2);--modal-z:999999;--modal-backdrop-z:999998;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);}
body{overflow:auto !important;overflow-x:hidden !important;}
[x-show="modalOpen"][style*="display: block"] .inline-block, [x-show="modalOpen"][style*="display: flex"] .inline-block{z-index:var(--modal-z) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
body[data-modal-open="true"]{overflow:hidden !important;}
body[data-mobile-menu-open="true"]{overflow:hidden !important;}
[x-show="modalOpen"][style*="display: block"], [x-show="modalOpen"][style*="display: flex"]{z-index:999999 !important;isolation:isolate !important;}
@keyframes modalFadeIn{from{opacity:0;backdrop-filter:blur(0px);}to{opacity:1;backdrop-filter:var(--blur-light);}}
@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}
[x-show="modalOpen"][style*="display: block"] .product, [x-show="modalOpen"][style*="display: flex"] .product{max-height:none !important;min-height:auto !important;border-radius:8px !important;overflow:visible !important;opacity:1 !important;transform:translateY(0);transition:all 0.3s ease-out !important;display:block !important;}
[x-show="modalOpen"][style*="display: block"] .product:hover, [x-show="modalOpen"][style*="display: flex"] .product:hover{background:rgba(255,255,255,0.08) !important;transform:translateX(4px) translateY(0) !important;box-shadow:0 4px 20px rgba(102,126,234,0.15),0 0 0 1px rgba(255,255,255,0.1) !important;}
[x-show="modalOpen"][style*="display: block"] .product:hover h3, [x-show="modalOpen"][style*="display: flex"] .product:hover h3{color:rgba(102,126,234,0.9) !important;}
[x-show="modalOpen"][style*="display: block"], [x-show="modalOpen"][style*="display: flex"]{backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;background:rgba(0,0,0,0.75) !important;transition:backdrop-filter 0.3s ease-out,background 0.3s ease-out !important;}
[x-show="modalOpen"][style*="display: block"].fixed.inset-0.z-20, [x-show="modalOpen"][style*="display: flex"].fixed.inset-0.z-20{z-index:999998 !important;background:transparent !important;pointer-events:none !important;}
[x-show="modalOpen"][style*="display: block"] .inline-block, [x-show="modalOpen"][style*="display: flex"] .inline-block{pointer-events:auto !important;z-index:999999 !important;position:relative !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
[x-show="modalOpen"][style*="display: block"] .bg-border, [x-show="modalOpen"][style*="display: flex"] .bg-border{background:linear-gradient(135deg,rgba(var(--cl-b-secondary),0.95) 0%,rgba(var(--cl-b-secondary),0.85) 100%) !important;border:1px solid rgba(var(--cl-accent),0.3) !important;border-radius:var(--radius-md) !important;padding:2px !important;box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(var(--cl-accent),0.1),inset 0 1px 0 0 rgba(255,255,255,0.08) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;transition:all var(--transition-normal) !important;}
[x-show="modalOpen"][style*="display: block"] .component[data-component-id*="hero"] .bg-border:hover, [x-show="modalOpen"][style*="display: flex"] .component[data-component-id*="hero"] .bg-border:hover{border:1px solid rgba(var(--cl-accent),0.5) !important;box-shadow:0 25px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(var(--cl-accent),0.3),inset 0 1px 0 0 rgba(255,255,255,0.1) !important;transform:none !important;}
[x-show="modalOpen"][style*="display: block"] .flex.items-center.gap-4.w-full.bg-b-secondary, [x-show="modalOpen"][style*="display: flex"] .flex.items-center.gap-4.w-full.bg-b-secondary, [x-show="modalOpen"][style*="display: block"] div[class*="bg-b-secondary"][class*="corner"][class*="cursor-pointer"], [x-show="modalOpen"][style*="display: flex"] div[class*="bg-b-secondary"][class*="corner"][class*="cursor-pointer"]{height:62px !important;min-height:62px !important;max-height:62px !important;}
[x-show="modalOpen"][style*="display: block"] .fixed.inset-0, [x-show="modalOpen"][style*="display: flex"] .fixed.inset-0{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:9998 !important;pointer-events:auto !important;cursor:pointer !important;}
[x-show="modalOpen"][style*="display: block"] .inline-block.w-full.max-w-xl, [x-show="modalOpen"][style*="display: flex"] .inline-block.w-full.max-w-xl{position:relative !important;z-index:10000 !important;pointer-events:auto !important;background:rgba(15,15,35,0.95) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:16px !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 25px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05) !important;margin:2rem auto !important;padding:2rem !important;}
[x-show="modalOpen"][style*="display: block"] .product:focus-within, [x-show="modalOpen"][style*="display: flex"] .product:focus-within{background:rgba(102,126,234,0.1) !important;border:1px solid rgba(102,126,234,0.3) !important;outline:none !important;}
[x-show="modalOpen"][style*="display: block"] a.flex.bg-b-secondary.corner, [x-show="modalOpen"][style*="display: flex"] a.flex.bg-b-secondary.corner{background:transparent !important;background-color:transparent !important;background-image:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-radius:0 !important;overflow:hidden !important;position:relative !important;clip-path:polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px)) !important;}
[x-show="modalOpen"][style*="display: block"] a.flex.gap-2.bg-b-secondary.corner:not(.product *), [x-show="modalOpen"][style*="display: flex"] a.flex.gap-2.bg-b-secondary.corner:not(.product *){border-radius:8px !important;}
[x-show="modalOpen"][style*="display: block"] .product .flex.gap-2, [x-show="modalOpen"][style*="display: flex"] .product .flex.gap-2{gap:6px !important;padding:4px !important;align-items:center !important;min-height:61px !important;}
[x-show="modalOpen"][style*="display: block"] .product a.flex, [x-show="modalOpen"][style*="display: flex"] .product a.flex{display:flex !important;align-items:center !important;gap:6px !important;padding:4px !important;margin:0 !important;min-height:61px !important;text-decoration:none !important;overflow:hidden !important;position:relative !important;}
[x-show="modalOpen"][style*="display: block"] .product a.flex.gap-2.bg-b-secondary, [x-show="modalOpen"][style*="display: flex"] .product a.flex.gap-2.bg-b-secondary, [x-show="modalOpen"][style*="display: block"] .product a.flex.gap-2, [x-show="modalOpen"][style*="display: flex"] .product a.flex.gap-2, [x-show="modalOpen"][style*="display: block"] .product a[class*="gap-"], [x-show="modalOpen"][style*="display: flex"] .product a[class*="gap-"]{gap:6px !important;padding:4px !important;margin:0 !important;align-items:center !important;min-height:61px !important;overflow:hidden !important;position:relative !important;}
[x-show="modalOpen"][style*="display: block"] .product .aspect-video, [x-show="modalOpen"][style*="display: flex"] .product .aspect-video{width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;min-width:48px !important;min-height:48px !important;flex-shrink:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;border-radius:3px !important;background:rgba(255,255,255,0.03) !important;border:none !important;padding:0 !important;margin:0 !important;}
[x-show="modalOpen"][style*="display: block"] .product .pl-1, [x-show="modalOpen"][style*="display: flex"] .product .pl-1, [x-show="modalOpen"][style*="display: block"] .product .py-1, [x-show="modalOpen"][style*="display: flex"] .product .py-1, [x-show="modalOpen"][style*="display: block"] .product .pr-2, [x-show="modalOpen"][style*="display: flex"] .product .pr-2, [x-show="modalOpen"][style*="display: block"] .product .sm\\:pl-4, [x-show="modalOpen"][style*="display: flex"] .product .sm\\:pl-4, [x-show="modalOpen"][style*="display: block"] .product .sm\\:py-4, [x-show="modalOpen"][style*="display: flex"] .product .sm\\:py-4, [x-show="modalOpen"][style*="display: block"] .product .sm\\:pr-4, [x-show="modalOpen"][style*="display: flex"] .product .sm\\:pr-4, [x-show="modalOpen"][style*="display: block"] .product .max-w-32, [x-show="modalOpen"][style*="display: flex"] .product .max-w-32, [x-show="modalOpen"] .product .sm\\:max-w-48{padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;padding-bottom:0 !important;max-width:none !important;}
[x-show="modalOpen"] .product img.aspect-video.w-full{display:block !important;opacity:1 !important;visibility:visible !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;border-radius:6px !important;object-fit:cover !important;flex-shrink:0 !important;transition:transform 0.3s ease !important;}
[x-show="modalOpen"] .product:hover img.aspect-video.w-full{transform:scale(1.05) !important;}
[x-show="modalOpen"] .product img.aspect-video{display:block !important;opacity:1 !important;visibility:visible !important;width:100% !important;height:100% !important;border-radius:6px !important;object-fit:cover !important;}
[x-show="modalOpen"] .product .flex.justify-center.items-center.w-full, [x-show="modalOpen"] .product .flex.justify-center.items-center[class*="w-"], [x-show="modalOpen"] .product .flex.justify-center.items-center[class*="max-w-"], [x-show="modalOpen"] .product div[class*="aspect-video"][class*="relative"]{width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;min-width:48px !important;min-height:48px !important;padding:0 !important;flex-shrink:0 !important;border-radius:3px !important;overflow:hidden !important;align-self:center !important;display:flex !important;align-items:center !important;justify-content:center !important;}
[x-show="modalOpen"] .product .flex-1, [x-show="modalOpen"] .product .flex-1.text-left, [x-show="modalOpen"] .product div[class*="flex-1"][class*="text-left"]{background:transparent !important;background-color:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0 6px 0 0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;gap:2px !important;align-self:center !important;height:100% !important;}
[x-show="modalOpen"] .product .text-left, [x-show="modalOpen"] .product div[class*="pr-"][class*="py-"], [x-show="modalOpen"] .product div.flex-1.text-left.pr-2.py-1, [x-show="modalOpen"] .product div.flex-1.text-left.pr-2.py-1.truncate, [x-show="modalOpen"] .product div[class*="flex-1"][class*="text-left"][class*="pr-2"][class*="py-1"]{padding:0 !important;}
[x-show="modalOpen"] .product h3{font-size:0.95rem !important;line-height:1.3 !important;margin-bottom:4px !important;font-weight:600 !important;color:rgba(255,255,255,0.95) !important;}
[x-show="modalOpen"] .product .text-accent-500{font-size:0.9rem !important;font-weight:700 !important;}
[x-show="modalOpen"] .product .inline-flex.items-center{font-size:0.8rem !important;opacity:0.8 !important;}
[x-show="modalOpen"] .product img{display:block !important;opacity:1 !important;visibility:visible !important;border-radius:6px !important;}
[x-show="modalOpen"] .product .aspect-video.flex{display:flex !important;opacity:1 !important;visibility:visible !important;width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;min-width:48px !important;min-height:48px !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;border-radius:3px !important;background:rgba(255,255,255,0.03) !important;border:none !important;}
[x-show="modalOpen"] .product .aspect-video.flex svg, [x-show="modalOpen"] .product .size-16{display:block !important;opacity:0.6 !important;visibility:visible !important;color:rgba(255,255,255,0.4) !important;width:24px !important;height:24px !important;max-width:24px !important;max-height:24px !important;transition:all var(--transition-normal) !important;}
[x-show="modalOpen"] .product:hover .aspect-video.flex svg{opacity:0.8 !important;transform:scale(1.1) !important;}
[x-show="modalOpen"] .product .inline-flex.items-center svg{width:14px !important;height:14px !important;}
[x-show="modalOpen"] .product *{transition:all var(--transition-normal) !important;}
[x-show="modalOpen"] .product img{display:block !important;opacity:1 !important;visibility:visible !important;border-radius:6px !important;}
[x-show="modalOpen"] .product .text-sm{font-size:0.75rem !important;line-height:1rem !important;}
[x-show="modalOpen"] .product .badges{display:none !important;}
[x-show="modalOpen"] .product .pr-2.py-1{padding:0.5rem 0.75rem !important;}
.component[data-component-id="navbar"]{position:relative;z-index:1000;}
.component[data-component-id="navbar"] .bg-b-tertiary{background:rgba(15,15,35,0.1);backdrop-filter:var(--blur-light);border-bottom:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);-webkit-backdrop-filter:var(--blur-light);}
.component[data-component-id="navbar"] .navbar-title{background:linear-gradient( 90deg,#3b82f6 0%,#3b82f6 75%,#8b5cf6 100% ) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;filter:drop-shadow(0 0 8px rgba(59,130,246,0.4)) !important;margin-left:0 !important;padding-left:0 !important;}
.component[data-component-id="navbar"] a[class*="text-t-primary"]:not(.text-accent-500){position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05)) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:var(--radius-md) !important;padding:10px 20px !important;margin:0 4px !important;color:rgba(255,255,255,0.8) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;backdrop-filter:var(--blur-light) !important;box-shadow:0 4px 15px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.2) !important;text-shadow:0 1px 2px rgba(0,0,0,0.1) !important;font-weight:600 !important;letter-spacing:0.5px !important;text-decoration:none !important;}
.component[data-component-id="navbar"] a[class*="text-t-primary"]:not(.text-accent-500)::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent) !important;transition:left 0.6s ease !important;z-index:1 !important;}
.component[data-component-id="navbar"] a[class*="text-t-primary"]:not(.text-accent-500):hover{transform:translateY(-2px) !important;color:rgba(255,255,255,1) !important;box-shadow:0 8px 25px rgba(0,0,0,0.15),0 4px 12px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.3),0 0 20px rgba(255,255,255,0.2) !important;border-color:rgba(255,255,255,0.4) !important;background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.08)) !important;text-shadow:0 0 15px rgba(255,255,255,0.6),0 1px 3px rgba(0,0,0,0.2) !important;}
.component[data-component-id="navbar"] a[class*="text-t-primary"]:not(.text-accent-500):hover::before{left:100% !important;}
.component[data-component-id="navbar"] a.text-accent-500{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(99,102,241,0.1)) !important;border:1px solid rgba(59,130,246,0.5) !important;border-radius:var(--radius-md) !important;padding:10px 20px !important;margin:0 4px !important;color:#3b82f6 !important;opacity:1 !important;backdrop-filter:var(--blur-light) !important;text-shadow:0 0 15px rgba(59,130,246,0.6),0 1px 3px rgba(0,0,0,0.2) !important;font-weight:700 !important;letter-spacing:0.5px !important;box-shadow:0 6px 20px rgba(59,130,246,0.3),0 3px 10px rgba(59,130,246,0.2),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 0 20px rgba(59,130,246,0.1) !important;transform:translateY(-1px) !important;text-decoration:none !important;}
.component[data-component-id="navbar"] a.text-accent-500::after{content:'' !important;position:absolute !important;bottom:0 !important;left:50% !important;transform:translateX(-50%) !important;width:80% !important;height:2px !important;background:linear-gradient(90deg,transparent,#3b82f6,transparent) !important;box-shadow:0 0 10px rgba(59,130,246,0.8) !important;animation:glow-pulse 2s ease-in-out infinite alternate !important;}
@keyframes glow-pulse{0%{box-shadow:0 0 10px rgba(59,130,246,0.8) !important;}100%{box-shadow:0 0 20px rgba(59,130,246,1),0 0 30px rgba(59,130,246,0.5) !important;}}
body[class*="page-products"] .component[data-component-id="navbar"] a[href*="/products"], body[class*="products"] .component[data-component-id="navbar"] a[href*="/products"], .page-products .component[data-component-id="navbar"] a[href*="/products"]{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(99,102,241,0.1)) !important;border:1px solid rgba(59,130,246,0.5) !important;border-radius:var(--radius-md) !important;padding:10px 20px !important;margin:0 4px !important;color:#3b82f6 !important;opacity:1 !important;backdrop-filter:var(--blur-light) !important;text-shadow:0 0 15px rgba(59,130,246,0.6),0 1px 3px rgba(0,0,0,0.2) !important;font-weight:700 !important;letter-spacing:0.5px !important;box-shadow:0 6px 20px rgba(59,130,246,0.3),0 3px 10px rgba(59,130,246,0.2),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 0 20px rgba(59,130,246,0.1) !important;transform:translateY(-1px) !important;text-decoration:none !important;}
.component[data-component-id="navbar"] a[href$="/products"]:not([class*="opacity-50"]){position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(99,102,241,0.1)) !important;border:1px solid rgba(59,130,246,0.5) !important;border-radius:var(--radius-md) !important;padding:10px 20px !important;margin:0 4px !important;color:#3b82f6 !important;opacity:1 !important;backdrop-filter:var(--blur-light) !important;text-shadow:0 0 15px rgba(59,130,246,0.6),0 1px 3px rgba(0,0,0,0.2) !important;font-weight:700 !important;letter-spacing:0.5px !important;box-shadow:0 6px 20px rgba(59,130,246,0.3),0 3px 10px rgba(59,130,246,0.2),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 0 20px rgba(59,130,246,0.1) !important;transform:translateY(-1px) !important;text-decoration:none !important;}
.component[data-component-id="navbar"] .glitch-btn, .component[data-component-id="navbar"] button.glitch-btn, .component[data-component-id="navbar"] a.glitch-btn, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary, .component[data-component-id="navbar"] .glitch-btn.text-t-primary, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(102,126,234,0.8),rgba(118,75,162,0.8)) !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:var(--radius-md) !important;padding:12px !important;min-height:48px !important;min-width:48px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;backdrop-filter:var(--blur-light) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 6px 20px rgba(102,126,234,0.3),0 3px 10px rgba(118,75,162,0.2),inset 0 1px 0 rgba(255,255,255,0.2) !important;text-shadow:0 1px 2px rgba(0,0,0,0.2) !important;font-weight:600 !important;letter-spacing:0.5px !important;color:rgba(255,255,255,0.95) !important;}
.component[data-component-id="navbar"] .glitch-btn::before, .component[data-component-id="navbar"] button.glitch-btn::before, .component[data-component-id="navbar"] a.glitch-btn::before, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary::before, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn::before, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent) !important;transition:left 0.6s ease !important;}
.component[data-component-id="navbar"] .glitch-btn:hover, .component[data-component-id="navbar"] button.glitch-btn:hover, .component[data-component-id="navbar"] a.glitch-btn:hover, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary:hover, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn:hover, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn:hover{transform:translateY(-3px) !important;box-shadow:0 10px 30px rgba(102,126,234,0.4),0 5px 15px rgba(118,75,162,0.3),inset 0 1px 0 rgba(255,255,255,0.3),0 0 25px rgba(102,126,234,0.5) !important;border-color:rgba(255,255,255,0.5) !important;background:linear-gradient(135deg,rgba(102,126,234,1),rgba(118,75,162,1)) !important;text-shadow:0 0 20px rgba(255,255,255,0.8),0 2px 4px rgba(0,0,0,0.3) !important;color:rgba(255,255,255,1) !important;}
.component[data-component-id="navbar"] .glitch-btn:hover::before, .component[data-component-id="navbar"] button.glitch-btn:hover::before, .component[data-component-id="navbar"] a.glitch-btn:hover::before, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary:hover::before, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn:hover::before, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn:hover::before{left:100% !important;}
@media (max-width: 639px){.component[data-component-id="navbar"] .glitch-btn, .component[data-component-id="navbar"] button.glitch-btn, .component[data-component-id="navbar"] a.glitch-btn, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn{padding:12px 20px !important;min-height:48px !important;min-width:120px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:14px !important;}
.component[data-component-id="navbar"] button[x-ref="mobileMenuBtn"]{min-height:48px !important;min-width:48px !important;padding:12px !important;}
.component[data-component-id="navbar"] div[x-ref="mobileMenu"] a, .component[data-component-id="navbar"] div[x-ref="mobileMenu"] button{min-height:48px !important;padding:16px 20px !important;margin:4px 0 !important;}}
@media (min-width: 640px){.component[data-component-id="navbar"] .glitch-btn, .component[data-component-id="navbar"] button.glitch-btn, .component[data-component-id="navbar"] a.glitch-btn, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(102,126,234,0.8),rgba(118,75,162,0.8)) !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:var(--radius-md) !important;padding:12px 24px !important;min-height:48px !important;min-width:120px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;backdrop-filter:var(--blur-light) !important;color:rgba(255,255,255,0.95) !important;}}
@media (min-width: 768px){.component[data-component-id="navbar"] .glitch-btn, .component[data-component-id="navbar"] button.glitch-btn, .component[data-component-id="navbar"] a.glitch-btn, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(102,126,234,0.8),rgba(118,75,162,0.8)) !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:var(--radius-md) !important;padding:12px 24px !important;min-height:48px !important;min-width:120px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;backdrop-filter:var(--blur-light) !important;color:rgba(255,255,255,0.95) !important;}}
@media (min-width: 1024px){.component[data-component-id="navbar"] .glitch-btn, .component[data-component-id="navbar"] button.glitch-btn, .component[data-component-id="navbar"] a.glitch-btn, .component[data-component-id="navbar"] .glitch-btn.bg-b-secondary, .component[data-component-id="navbar"] button.bg-b-secondary.glitch-btn, .component[data-component-id="navbar"] a.bg-b-secondary.glitch-btn{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(102,126,234,0.8),rgba(118,75,162,0.8)) !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:var(--radius-md) !important;padding:12px 24px !important;backdrop-filter:var(--blur-light) !important;color:rgba(255,255,255,0.95) !important;}}
.component[data-component-id="navbar"] button{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05)) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:10px !important;padding:8px 12px !important;color:rgba(255,255,255,0.8) !important;backdrop-filter:var(--blur-light) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 15px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.2) !important;text-shadow:0 1px 2px rgba(0,0,0,0.1) !important;}
.component[data-component-id="navbar"] button::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent) !important;transition:left 0.6s ease !important;}
.component[data-component-id="navbar"] button:hover{transform:translateY(-2px) !important;color:rgba(255,255,255,1) !important;box-shadow:0 8px 25px rgba(0,0,0,0.15),0 4px 12px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.3),0 0 20px rgba(255,255,255,0.2) !important;border-color:rgba(255,255,255,0.4) !important;background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.08)) !important;text-shadow:0 0 15px rgba(255,255,255,0.6),0 1px 3px rgba(0,0,0,0.2) !important;}
.component[data-component-id="navbar"] button:hover::before{left:100% !important;}
.component[data-component-id="navbar"] button div{background:linear-gradient(90deg,rgba(255,255,255,0.8),rgba(255,255,255,1)) !important;box-shadow:0 1px 3px rgba(0,0,0,0.2) !important;border-radius:2px !important;}
.component[data-component-id="navbar"] button:hover div{background:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0.9)) !important;box-shadow:0 0 8px rgba(255,255,255,0.4) !important;}
.component[data-component-id="navbar"]{position:relative !important;backdrop-filter:var(--blur-light) !important;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(0,0,0,0.1)) !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 4px 20px rgba(0,0,0,0.2) !important;z-index:1000 !important;}
.component[data-component-id="navbar"] a[href]:first-child{text-decoration:none !important;display:flex !important;align-items:center !important;gap:1rem !important;}
.component[data-component-id="navbar"] img{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02)) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:var(--radius-md) !important;padding:0 !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;backdrop-filter:var(--blur-light) !important;box-shadow:0 4px 15px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1) !important;filter:brightness(1.1) contrast(1.1) !important;}
.component[data-component-id="navbar"] img::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent) !important;transition:left 0.6s ease !important;pointer-events:none !important;}
.component[data-component-id="navbar"] img:hover{transform:translateY(-1px) !important;box-shadow:0 6px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.2),0 0 15px rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.2) !important;filter:brightness(1.3) contrast(1.2) drop-shadow(0 0 10px rgba(255,255,255,0.3)) !important;}
.component[data-component-id="navbar"] img:hover::before{left:100% !important;}
.component[data-component-id="navbar"] .currency-selector .choices{position:relative !important;overflow:visible !important;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05)) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:8px !important;backdrop-filter:var(--blur-light) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2) !important;padding:0.25rem 0.125rem !important;margin:0 !important;min-height:auto !important;height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;width:fit-content !important;}
.component[data-component-id="navbar"] .currency-selector .choices::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent) !important;transition:left 0.6s ease !important;z-index:0 !important;pointer-events:none !important;}
.component[data-component-id="navbar"] .currency-selector .choices::before{display:none !important;}
.component[data-component-id="navbar"] .currency-selector .choices__inner, .component[data-component-id="navbar"] .currency-selector .choices__input, .component[data-component-id="navbar"] .currency-selector .choices__list, .component[data-component-id="navbar"] .currency-selector .choices__list--single, .component[data-component-id="navbar"] .currency-selector select{border:none !important;box-shadow:none !important;outline:none !important;background-color:transparent !important;}
.component[data-component-id="navbar"] .currency-selector, .component[data-component-id="navbar"] .currency-selector *, .component[data-component-id="navbar"] .currency-selector::before, .component[data-component-id="navbar"] .currency-selector::after, .component[data-component-id="navbar"] .currency-selector .choices::before, .component[data-component-id="navbar"] .currency-selector .choices::after{border-radius:var(--radius-md) !important;}
.component[data-component-id="navbar"] .currency-selector > *, .component[data-component-id="navbar"] .currency-selector div{border-radius:var(--radius-md) !important;}
.component[data-component-id="navbar"] .currency-selector{position:relative !important;z-index:100 !important;}
.component[data-component-id="navbar"] .currency-selector .choices{position:relative !important;z-index:100 !important;}
.component[data-component-id="navbar"] .glitch-btn, .component[data-component-id="navbar"] a[href*="/cart"]{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(99,102,241,0.1)) !important;border:1px solid rgba(59,130,246,0.3) !important;border-radius:var(--radius-md) !important;padding:10px 16px !important;backdrop-filter:var(--blur-light) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 15px rgba(59,130,246,0.2),0 2px 8px rgba(59,130,246,0.1),inset 0 1px 0 rgba(255,255,255,0.2) !important;text-shadow:0 1px 2px rgba(0,0,0,0.2) !important;font-weight:600 !important;letter-spacing:0.5px !important;text-decoration:none !important;}
.component[data-component-id="navbar"] .glitch-btn::before, .component[data-component-id="navbar"] a[href*="/cart"]::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent) !important;transition:left 0.6s ease !important;z-index:1 !important;}
.component[data-component-id="navbar"] .glitch-btn:hover, .component[data-component-id="navbar"] a[href*="/cart"]:hover{transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(59,130,246,0.3),0 4px 12px rgba(59,130,246,0.2),inset 0 1px 0 rgba(255,255,255,0.3),0 0 20px rgba(59,130,246,0.4) !important;border-color:rgba(59,130,246,0.5) !important;background:linear-gradient(135deg,rgba(59,130,246,0.25),rgba(99,102,241,0.15)) !important;text-shadow:0 0 15px rgba(59,130,246,0.8),0 1px 3px rgba(0,0,0,0.3) !important;}
.component[data-component-id="navbar"] .glitch-btn:hover::before, .component[data-component-id="navbar"] a[href*="/cart"]:hover::before{left:100% !important;}
.component[data-component-id="navbar"] .bg-accent-500{background:linear-gradient(135deg,#3b82f6,#6366f1) !important;box-shadow:0 0 15px rgba(59,130,246,0.6),0 2px 8px rgba(0,0,0,0.2) !important;animation:navbar-pulse-glow 2s ease-in-out infinite alternate !important;}
@keyframes navbar-pulse-glow{0%{box-shadow:0 0 15px rgba(59,130,246,0.6),0 2px 8px rgba(0,0,0,0.2) !important;}100%{box-shadow:0 0 25px rgba(59,130,246,0.8),0 4px 12px rgba(59,130,246,0.3) !important;}}
.component[data-component-id="navbar"] .fixed.inset-0{background:linear-gradient(135deg,rgba(0,0,0,0.8),rgba(15,15,35,0.9)) !important;backdrop-filter:var(--blur-light) !important;will-change:transform,opacity !important;transform:translateZ(0) !important;}
.component[data-component-id="navbar"] div[x-ref="mobileMenu"]{background:linear-gradient(135deg,rgba(15,15,35,0.95),rgba(0,0,0,0.9)) !important;backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:16px !important;box-shadow:0 20px 40px rgba(0,0,0,0.4),0 10px 20px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1) !important;will-change:transform,opacity !important;transform:translateZ(0) !important;}
.component[data-component-id="navbar"] div[x-ref="mobileMenu"] a, .component[data-component-id="navbar"] div[x-ref="mobileMenu"] button{position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02)) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:10px !important;padding:12px 16px !important;margin:4px 0 !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;backdrop-filter:var(--blur-light) !important;box-shadow:0 4px 15px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1) !important;text-decoration:none !important;display:block !important;}
.component[data-component-id="navbar"] div[x-ref="mobileMenu"] a::before, .component[data-component-id="navbar"] div[x-ref="mobileMenu"] button::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent) !important;transition:left 0.6s ease !important;}
.component[data-component-id="navbar"] div[x-ref="mobileMenu"] a:hover, .component[data-component-id="navbar"] div[x-ref="mobileMenu"] button:hover{transform:translateY(-1px) !important;box-shadow:0 6px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.2),0 0 15px rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.2) !important;color:rgba(255,255,255,1) !important;opacity:1 !important;}
.component[data-component-id="navbar"] div[x-ref="mobileMenu"] a:hover::before, .component[data-component-id="navbar"] div[x-ref="mobileMenu"] button:hover::before{left:100% !important;}
.component[data-component-id="navbar"] div[x-ref="mobileMenu"] a.text-accent-500{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(99,102,241,0.1)) !important;border-color:rgba(59,130,246,0.5) !important;color:#3b82f6 !important;text-shadow:0 0 15px rgba(59,130,246,0.6) !important;box-shadow:0 6px 20px rgba(59,130,246,0.3),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 0 20px rgba(59,130,246,0.1) !important;}
.component[data-component-id*="stats"]{background:transparent;position:relative;}
.component[data-component-id*="stats"] .bg-border{background:linear-gradient(145deg,rgba(0,0,0,0.2),rgba(0,0,0,0.15)) !important;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;overflow:hidden;}
.component[data-component-id*="stats"] .bg-border:hover{background:linear-gradient(145deg,rgba(0,0,0,0.25),rgba(3,111,255,0.15)) !important;border:1px solid rgba(3,111,255,0.2);}
.component[data-component-id*="stats"] .bg-border::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(300px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(168,85,247,0.2) 0%,rgba(168,85,247,0.1) 30%,transparent 60%);opacity:0;transition:opacity 0.3s ease;}
.component[data-component-id*="stats"] .bg-border:hover::before{opacity:0.8;}
.component[data-component-id*="stats"] .flex.justify-center.flex-wrap > div{width:100% !important;max-width:400px !important;margin:0.5rem auto !important;}
@media (max-width: 480px){.component[data-component-id*="stats"] .flex.justify-center.flex-wrap > div{width:97% !important;max-width:420px !important;margin:0.5rem auto !important;}
.component[data-component-id*="stats"] .bg-b-secondary{padding:1.25rem !important;}
.component[data-component-id*="stats"] .flex.justify-center.flex-wrap{gap:0.7rem !important;padding:0.025rem !important;justify-content:center !important;}
.component[data-component-id*="stats"] .bg-border{padding:0.1rem !important;}}
@media (min-width: 640px){.component[data-component-id*="stats"] .flex.justify-center.flex-wrap > div{width:48% !important;max-width:300px !important;margin:0.5rem auto !important;}
.component[data-component-id*="stats"] .flex.justify-center.flex-wrap{justify-content:center !important;align-items:center !important;display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:0.5rem !important;}
.component[data-component-id*="stats"] .container{display:flex !important;justify-content:center !important;align-items:center !important;flex-direction:column !important;text-align:center !important;width:100% !important;}}
@media (min-width: 768px) and (max-width: 1023px){.component[data-component-id*="stats"] .flex.justify-center.flex-wrap > div{width:45% !important;max-width:350px !important;}}
@media (min-width: 1024px){.component[data-component-id*="stats"] .flex.justify-center.flex-wrap > div{width:28% !important;min-width:320px !important;max-width:400px !important;flex:0 0 auto !important;}
.component[data-component-id*="stats"] .flex.justify-center.flex-wrap{flex-wrap:nowrap !important;justify-content:center !important;gap:2.5rem !important;max-width:1400px !important;margin:0 auto !important;}
.component[data-component-id*="stats"] .bg-b-secondary{padding:2rem !important;}
.component[data-component-id*="stats"] .flex.items-center{gap:1rem !important;}
.component[data-component-id*="stats"] .fas{font-size:2.5rem !important;}}
@media (min-width: 1280px){.component[data-component-id*="stats"] .flex.justify-center.flex-wrap > div{width:28% !important;max-width:400px !important;flex:0 0 auto !important;}
.component[data-component-id*="stats"] .flex.justify-center.flex-wrap{flex-wrap:nowrap !important;justify-content:center !important;gap:2rem !important;max-width:1400px !important;margin:0 auto !important;}}
@media (min-width: 1600px){.component[data-component-id*="stats"] .flex.justify-center.flex-wrap > div{width:25% !important;max-width:380px !important;}
.component[data-component-id*="stats"] .flex.justify-center.flex-wrap{gap:2.5rem !important;max-width:1600px !important;}}
.component[data-component-id*="stats"] .bg-b-secondary:hover::before, .stats .bg-b-secondary:hover::before, [class*="stats"] .bg-b-secondary:hover::before{opacity:1;}
.component[data-component-id*="stats"] .bg-border:hover::before, .stats .bg-border:hover::before, [class*="stats"] .bg-border:hover::before{opacity:1;}
.component[data-component-id*="stats"] > *{pointer-events:auto !important;}
.component[data-component-id*="stats"] *{pointer-events:auto !important;}
.component[data-component-id*="stats"] .bg-b-secondary *, .stats .bg-b-secondary *, [class*="stats"] .bg-b-secondary *{border-radius:inherit !important;}
.component[data-component-id*="stats"] .bg-border.corner, .stats .bg-border.corner, [class*="stats"] .bg-border.corner{border-radius:inherit !important;}
.component[data-component-id*="stats"] .bg-b-secondary.corner, .stats .bg-b-secondary.corner, [class*="stats"] .bg-b-secondary.corner{border-radius:inherit !important;}
.component[data-component-id*="stats"] .text-accent-500{background:linear-gradient(45deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(168,85,247,0.4));}
.component[data-component-id*="feedbacks"]{background:transparent;position:relative;margin-top:0;margin-bottom:0;border-top:none;border-bottom:none;z-index:3;overflow:visible !important;}
.component[data-component-id*="feedbacks"] .feedback-card-enhanced .p-4{padding:1.584rem !important;}
.component[data-component-id*="feedbacks"] .feedback-card-enhanced{min-height:220px !important;}
.component[data-component-id*="feedbacks"] .text-sm{font-size:1.125rem !important;line-height:1.5 !important;font-weight:400 !important;}
.component[data-component-id*="feedbacks"] .lg\\:text-base{font-size:1.25rem !important;line-height:1.5 !important;font-weight:400 !important;}
.component[data-component-id*="feedbacks"] .size-6{width:1.815rem !important;height:1.815rem !important;}
.component[data-component-id*="feedbacks"] .text-xs{font-size:0.875rem !important;font-weight:400 !important;}
section[data-component-id*="feedbacks"]{background:transparent !important;border:none !important;box-shadow:none !important;overflow:visible !important;position:relative;}
.component[data-component-id*="feedbacks"] .relative.max-w-7xl.mx-auto{overflow:visible !important;background:transparent !important;border:none !important;box-shadow:none !important;}
.component[data-component-id*="feedbacks"] h2{color:rgba(255,255,255,0.95);text-shadow:0 0 20px rgba(255,255,255,0.3);filter:drop-shadow(0 0 15px rgba(255,255,255,0.2));font-weight:700;}
.component[data-component-id*="feedbacks"] h2 span, .component[data-component-id*="feedbacks"] h2 *, .component[data-component-id*="feedbacks"] h2 .glitch-btn, .component[data-component-id*="feedbacks"] h2 [class*="glitch"]{color:#10b981 !important;background:rgba(0,0,0,0.3) !important;border:2px solid rgba(16,185,129,0.8) !important;border-radius:8px !important;padding:4px 12px !important;-webkit-background-clip:initial !important;-webkit-text-fill-color:#10b981 !important;background-clip:initial !important;text-shadow:0 0 25px rgba(16,185,129,0.8),0 2px 4px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.7) !important;filter:drop-shadow(0 0 20px rgba(16,185,129,0.5)) drop-shadow(0 4px 8px rgba(0,0,0,0.4)) !important;font-weight:800 !important;animation:none !important;transform:none !important;position:static !important;overflow:visible !important;clip-path:none !important;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;transition:all var(--transition-smooth) !important;box-shadow:0 0 15px rgba(16,185,129,0.4),inset 0 1px 0 rgba(255,255,255,0.1),0 4px 12px rgba(0,0,0,0.3) !important;}
.component[data-component-id*="feedbacks"] h2 span:hover, .component[data-component-id*="feedbacks"] h2 *:hover, .component[data-component-id*="feedbacks"] h2 .glitch-btn:hover, .component[data-component-id*="feedbacks"] h2 [class*="glitch"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(16,185,129,1) !important;box-shadow:0 15px 60px rgba(0,0,0,0.7),0 0 30px rgba(16,185,129,0.6),0 0 50px rgba(16,185,129,0.4),inset 0 1px 0 rgba(16,185,129,0.3) !important;transform:translateY(-4px) scale(1.02) !important;text-shadow:0 0 30px rgba(16,185,129,1),0 2px 4px rgba(0,0,0,0.7),2px 2px 8px rgba(0,0,0,0.8) !important;filter:drop-shadow(0 0 25px rgba(16,185,129,0.7)) drop-shadow(0 4px 8px rgba(0,0,0,0.6)) !important;}
.component[data-component-id*="feedbacks"] h2 .glitch-btn, .component[data-component-id*="feedbacks"] h2 [class*="glitch"]{animation:none !important;transform:none !important;clip-path:none !important;position:static !important;overflow:visible !important;}
.component[data-component-id*="feedbacks"] h2 .glitch-btn::before, .component[data-component-id*="feedbacks"] h2 .glitch-btn::after, .component[data-component-id*="feedbacks"] h2 *::before, .component[data-component-id*="feedbacks"] h2 *::after{display:none !important;content:none !important;}
.feedback-glassmorphism, .component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="feedbacks"] .feedback-glassmorphism, .component[data-component-id*="reviews"] .bg-border, .component[data-component-id*="reviews"] .feedback-glassmorphism, .component[data-component-id="feedback-page"] .bg-border, .component[data-component-id="feedback-page"] .feedback-glassmorphism, .component[data-component-id="feedback-card"] .bg-border, .component[data-component-id="feedback-card"] .feedback-glassmorphism{background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03)) !important;border:1px solid rgba(255,255,255,0.15) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border-radius:16px !important;padding:0.3px !important;overflow:hidden !important;position:relative !important;clip-path:none !important;-webkit-clip-path:none !important;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 4px 16px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.1) !important;transform-style:preserve-3d !important;will-change:transform !important;backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;}
.feedback-glassmorphism .feedback-inner, .feedback-glassmorphism .bg-b-secondary{transform-style:preserve-3d !important;backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;}
.component[data-component-id="feedback-page"] .feedback-glassmorphism:hover, .component[data-component-id="feedback-page"] .bg-border:hover, .component[data-component-id="feedback-card"] .feedback-glassmorphism:hover, .component[data-component-id="feedback-card"] .bg-border:hover, .feedback-glassmorphism:hover:not(.component[data-component-id*="feedbacks"] *){transform:translateY(-2px) !important;box-shadow:0 12px 48px rgba(0,0,0,0.15),0 8px 24px rgba(0,0,0,0.1),inset 0 2px 0 rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.25) !important;}
.feedback-glassmorphism .feedback-inner, .feedback-glassmorphism .bg-b-secondary, .component[data-component-id*="feedbacks"] .bg-border .feedback-inner, .component[data-component-id*="feedbacks"] .bg-border .bg-b-secondary, .component[data-component-id*="reviews"] .bg-border .feedback-inner, .component[data-component-id*="reviews"] .bg-border .bg-b-secondary, .component[data-component-id="feedback-page"] .bg-border .feedback-inner, .component[data-component-id="feedback-page"] .bg-border .bg-b-secondary, .component[data-component-id="feedback-card"] .bg-border .feedback-inner, .component[data-component-id="feedback-card"] .bg-border .bg-b-secondary{background:rgba(255,255,255,0.04) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border-radius:var(--radius-md) !important;overflow:hidden !important;position:relative !important;padding:1.5px !important;}
.feedback-glassmorphism:hover .feedback-inner, .feedback-glassmorphism:hover .bg-b-secondary, .component[data-component-id*="feedbacks"] .bg-border:hover .feedback-inner, .component[data-component-id*="feedbacks"] .bg-border:hover .bg-b-secondary, .component[data-component-id*="reviews"] .bg-border:hover .feedback-inner, .component[data-component-id*="reviews"] .bg-border:hover .bg-b-secondary, .component[data-component-id="feedback-page"] .bg-border:hover .feedback-inner, .component[data-component-id="feedback-page"] .bg-border:hover .bg-b-secondary, .component[data-component-id="feedback-card"] .bg-border:hover .feedback-inner, .component[data-component-id="feedback-card"] .bg-border:hover .bg-b-secondary{background:rgba(255,255,255,0.06) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;}
.component[data-component-id*="feedbacks"] .carousel-slide{overflow:visible !important;position:relative !important;z-index:1 !important;}
.component[data-component-id*="feedbacks"] .bg-border{overflow:visible !important;position:relative !important;}
.feedback-card-enhanced{position:relative !important;cursor:pointer !important;}
.component[data-component-id*="feedbacks"] .text-accent-500, .component[data-component-id*="reviews"] .text-accent-500, .component[data-component-id="feedback-page"] .text-accent-500, .component[data-component-id="feedback-card"] .text-accent-500, .feedback-card-enhanced .text-accent-500{color:#f59e0b !important;filter:drop-shadow(0 0 8px rgba(245,158,11,0.4)) !important;transition:all var(--transition-normal) !important;}
.feedback-card-enhanced:hover .text-accent-500, .component[data-component-id*="feedbacks"] .bg-border:hover .text-accent-500, .component[data-component-id="feedback-page"] .bg-border:hover .text-accent-500{color:#fbbf24 !important;filter:drop-shadow(0 0 12px rgba(251,191,36,0.6)) !important;}
@media (max-width: 768px){.component[data-component-id*="feedbacks"] .carousel-track{padding:30px 0 !important;display:flex !important;background:transparent !important;border:none !important;box-shadow:none !important;}
.feedback-glassmorphism, .component[data-component-id*="feedback"] .bg-border{margin:6px 2px !important;padding:1px !important;}
.feedback-glassmorphism .feedback-inner, .component[data-component-id*="feedback"] .bg-border .bg-b-secondary{padding:8px !important;}
.feedback-glassmorphism:hover, .component[data-component-id*="feedback"] .bg-border:hover{transform:translateY(-1px) !important;}}
.feedback-glassmorphism::before, .feedback-glassmorphism::after{display:none !important;content:none !important;}
@media (prefers-reduced-motion: reduce){.feedback-glassmorphism, .feedback-card-enhanced, .component[data-component-id*="feedback"] .bg-border{transition:background 0.3s ease,border-color 0.3s ease !important;}
.feedback-glassmorphism:hover, .component[data-component-id*="feedback"] .bg-border:hover{transform:none !important;}}
.component[data-component-id*="feedbacks"] .text-accent-500, .component[data-component-id*="reviews"] .text-accent-500, .component[data-component-id="feedback-page"] .text-accent-500{color:#f59e0b !important;filter:drop-shadow(0 0 8px rgba(245,158,11,0.4)) !important;}
.component h2{position:relative;}
.glitch-btn, [class*="glitch"]:not(.animated-title):not(.animated-title *), .component h2 .glitch-btn, .component h2 [class*="glitch"]:not(.animated-title):not(.animated-title *){animation:none !important;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;transform:none !important;clip-path:none !important;position:static !important;overflow:visible !important;}
.glitch-btn::before, .glitch-btn::after, [class*="glitch"]:not(.animated-title):not(.animated-title *)::before, [class*="glitch"]:not(.animated-title):not(.animated-title *)::after{display:none !important;content:none !important;}
.hero-donut-markets, .component[data-component-id*="stats"], .component[data-component-id*="feedbacks"]{background:transparent;border:none;margin:0;}
.component[data-component-id*="stats"] + .component, .hero-donut-markets + .component, .component + .component[data-component-id*="feedbacks"]{margin-top:0;}
.component[data-component-id*="stats"] + .component[data-component-id*="reviews"], .component[data-component-id*="stats"] + .component[data-component-id*="feedbacks"]{position:relative;z-index:10;isolation:isolate;}
body .component{border-top:none;border-bottom:none;}
.component .text-t-primary\/50{color:rgba(255,255,255,0.6) !important;text-shadow:0 0 10px rgba(255,255,255,0.1);}
.component .text-gray-300{color:rgba(255,255,255,0.7) !important;text-shadow:0 0 8px rgba(255,255,255,0.1);}
.component[data-component-id*="feedbacks"], .component[data-component-id*="stats"], .component[data-component-id*="reviews"]{overflow:visible !important;padding:40px 0 !important;margin:0 !important;}
.component[data-component-id*="feedbacks"] .container, .component[data-component-id*="stats"] .container, .component[data-component-id*="reviews"] .container{overflow:visible !important;padding:0 1rem !important;margin:0 auto !important;max-width:1600px !important;}
.component[data-component-id*="feedbacks"] .carousel-track{gap:0px !important;}
.component[data-component-id*="feedbacks"] .grid, .component[data-component-id*="stats"] .grid, .component[data-component-id*="reviews"] .grid{overflow:visible !important;padding:0 !important;margin:0 !important;gap:2rem;}
@media (max-width: 768px){.component[data-component-id*="feedbacks"], .component[data-component-id*="stats"], .component[data-component-id*="reviews"]{padding:20px 0 !important;overflow:visible !important;}
.component[data-component-id*="feedbacks"] .container, .component[data-component-id*="stats"] .container, .component[data-component-id*="reviews"] .container{padding:0 1rem !important;width:100% !important;max-width:100% !important;}
.component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="reviews"] .bg-border{margin:8px 4px !important;box-sizing:border-box !important;}
.component[data-component-id*="feedbacks"] h2, .component[data-component-id*="reviews"] h2{font-size:1.875rem !important;line-height:2.25rem !important;}
.component[data-component-id*="feedbacks"] .text-base, .component[data-component-id*="reviews"] .text-base{font-size:0.875rem !important;}}
@media (max-width: 480px){.component[data-component-id*="feedbacks"] .container, .component[data-component-id*="reviews"] .container{padding-left:12px !important;padding-right:12px !important;}
.component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="reviews"] .bg-border{margin:6px 2px !important;}
.component[data-component-id*="feedbacks"] h2, .component[data-component-id*="reviews"] h2{font-size:1.5rem !important;line-height:2rem !important;}}
.component[data-component-id*="feedbacks"] .bg-b-secondary{position:relative;cursor:pointer;margin:4px;border-radius:10px !important;}
@media (min-width: 769px){.component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="reviews"] .bg-border{margin:12px 6px !important;}}
.component[data-component-id*="feedbacks"] .bg-b-secondary::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 30%,transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}
.component[data-component-id*="feedbacks"] .bg-b-secondary, .component[data-component-id*="reviews"] .bg-b-secondary{transform:none !important;}
.component[data-component-id*="reviews"]{background:transparent;position:relative;margin-top:0;margin-bottom:0;border-top:none;border-bottom:none;overflow:visible;padding:60px 10% 60px 10%;z-index:4;}
.component[data-component-id="footer"]::before, .component[data-component-id="footer"]::after, .component[data-component-id="footer"] > div::before, .component[data-component-id="footer"] > div::after{display:none !important;}
.component[data-component-id="footer"]{background:transparent;position:relative;z-index:5;}
.component[data-component-id="footer"] .container{position:relative;z-index:10;}
.component[data-component-id="footer"] svg.w-3{width:0.75rem !important;height:0.75rem !important;min-width:0.75rem !important;min-height:0.75rem !important;max-width:0.75rem !important;max-height:0.75rem !important;flex-shrink:0 !important;vertical-align:middle !important;}
.component[data-component-id="footer"] h3, .component[data-component-id="footer"] h4{color:rgba(255,255,255,0.95) !important;text-shadow:0 0 15px rgba(255,255,255,0.2);font-weight:600;}
.component[data-component-id="footer"] a{color:rgba(255,255,255,0.7) !important;transition:all 0.3s ease;text-decoration:none;display:flex !important;align-items:center !important;gap:0.375rem !important;}
.component[data-component-id="footer"] a:hover{color:rgba(255,255,255,1) !important;text-shadow:0 0 10px rgba(255,255,255,0.3);transform:translateX(5px);}
.component[data-component-id="footer"] p, .component[data-component-id="footer"] span{color:rgba(255,255,255,0.6) !important;text-shadow:0 0 8px rgba(255,255,255,0.1);}
.component[data-component-id="footer"] .text-accent-500, .component[data-component-id="footer"] [class*="text-accent"]{background:linear-gradient(45deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(168,85,247,0.4));transition:all 0.3s ease;}
.component[data-component-id="footer"] .text-accent-500:hover, .component[data-component-id="footer"] [class*="text-accent"]:hover{filter:drop-shadow(0 0 15px rgba(168,85,247,0.6));transform:scale(1.1);}
.component[data-component-id="footer"] hr{border-color:rgba(255,255,255,0.1) !important;box-shadow:0 1px 3px rgba(255,255,255,0.05);}
.component[data-component-id="footer"] .text-center{background:rgba(255,255,255,0.03);backdrop-filter:var(--blur-light);border-radius:10px;padding:20px;margin-top:20px;border:1px solid rgba(255,255,255,0.05);}
.component[data-component-id="footer"] .grid{gap:2rem !important;}
.component[data-component-id="footer"] .grid > div{padding:0 !important;}
.component[data-component-id="footer"] h3{color:rgba(255,255,255,0.95) !important;text-shadow:0 0 15px rgba(255,255,255,0.2);font-weight:600 !important;font-size:0.875rem !important;letter-spacing:0.05em !important;text-transform:uppercase !important;margin-bottom:1rem !important;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:0.5rem !important;}
.component[data-component-id="footer"] a{color:rgba(255,255,255,0.7) !important;transition:all 0.3s ease;text-decoration:none;display:flex !important;align-items:center !important;gap:0.5rem !important;padding:0.25rem 0 !important;font-size:0.875rem !important;line-height:1.4 !important;}
.component[data-component-id="footer"] a:hover{color:rgba(255,255,255,1) !important;text-shadow:0 0 10px rgba(255,255,255,0.3);transform:translateX(3px);}
.component[data-component-id="footer"] p{color:rgba(255,255,255,0.7) !important;text-shadow:0 0 8px rgba(255,255,255,0.1);font-size:0.875rem !important;line-height:1.6 !important;margin-bottom:1rem !important;}
.component[data-component-id="footer"] span{color:rgba(255,255,255,0.6) !important;font-size:0.75rem !important;}
.component[data-component-id="footer"] .flex > span{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:0.25rem 0.75rem;font-size:0.75rem;color:rgba(255,255,255,0.8) !important;backdrop-filter:blur(5px);}
.component[data-component-id="footer"] span[class*="w-4"]{width:1rem !important;height:1rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;font-size:0.875rem !important;}
.component[data-component-id="footer"] img{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.component[data-component-id="footer"] .border-t{border-color:rgba(255,255,255,0.1) !important;padding-top:1.5rem !important;margin-top:0.5rem !important;}
@media (max-width: 768px){.component[data-component-id="footer"] .grid{grid-template-columns:1fr !important;gap:1.5rem !important;}
.component[data-component-id="footer"] h3{font-size:0.8rem !important;margin-bottom:0.75rem !important;}
.component[data-component-id="footer"] a{font-size:0.8rem !important;padding:0.2rem 0 !important;}
.component[data-component-id="footer"] p{font-size:0.8rem !important;line-height:1.5 !important;}}
@keyframes footer-shimmer{0%,100%{opacity:0.8;transform:translateZ(0);}50%{opacity:1;transform:translateZ(0);}}
@keyframes footer-pulse-glow{0%,100%{opacity:0.8;transform:scale(1) translateZ(0);}50%{opacity:1;transform:scale(1.03) translateZ(0);}}
.fixed.inset-0.z-50{backdrop-filter:var(--blur-light);}
.fixed.inset-0.bg-black\/75{background:rgba(0,0,0,0.6) !important;backdrop-filter:var(--blur-light);-webkit-backdrop-filter:var(--blur-light);}
.fixed.inset-0.z-50 .bg-border.corner{background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05)) !important;border:1px solid rgba(255,255,255,0.15) !important;border-radius:20px !important;padding:2px !important;box-shadow:0 25px 50px rgba(0,0,0,0.3),0 0 40px rgba(102,126,234,0.1),inset 0 1px 0 rgba(255,255,255,0.1) !important;}
.fixed.inset-0.z-50 .bg-b-primary.corner{background:rgba(15,15,35,0.85) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:18px !important;border:1px solid rgba(255,255,255,0.08) !important;position:relative;overflow:hidden;}
.fixed.inset-0.z-50 .bg-b-primary.corner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,0.08) 0%,rgba(102,126,234,0.03) 50%,transparent 100%);pointer-events:none;}
.fixed.inset-0.z-50 h3{color:rgba(255,255,255,0.95) !important;text-shadow:0 0 20px rgba(255,255,255,0.2);font-weight:700;position:relative;z-index:10;}
.fixed.inset-0.z-50 label{color:rgba(255,255,255,0.9) !important;font-weight:500;text-shadow:0 0 10px rgba(255,255,255,0.1);}
.fixed.inset-0.z-50 small{color:rgba(255,255,255,0.6) !important;text-shadow:0 0 8px rgba(255,255,255,0.05);}
.fixed.inset-0.z-50 input[type="email"], .fixed.inset-0.z-50 input[type="text"]{background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:var(--radius-md) !important;color:rgba(255,255,255,0.95) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;transition:all var(--transition-normal) !important;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1) !important;}
.fixed.inset-0.z-50 input[type="email"]:focus, .fixed.inset-0.z-50 input[type="text"]:focus{background:rgba(255,255,255,0.12) !important;border-color:rgba(102,126,234,0.6) !important;box-shadow:0 0 0 3px rgba(102,126,234,0.15),inset 0 1px 3px rgba(0,0,0,0.1),0 0 20px rgba(102,126,234,0.2) !important;outline:none !important;}
.fixed.inset-0.z-50 input::placeholder{color:rgba(255,255,255,0.4) !important;}
.fixed.inset-0.z-50 input[maxlength="1"]{width:2.5rem !important;height:2.75rem !important;text-align:center !important;font-size:1.125rem !important;font-weight:600 !important;border-radius:10px !important;}
.fixed.inset-0.z-50 .glitch-btn{background:linear-gradient(135deg,rgba(102,126,234,0.8),rgba(118,75,162,0.8)) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:var(--radius-md) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;transition:all var(--transition-normal) !important;box-shadow:0 4px 15px rgba(102,126,234,0.3),0 0 20px rgba(102,126,234,0.1),inset 0 1px 0 rgba(255,255,255,0.1) !important;position:relative;overflow:hidden;}
.fixed.inset-0.z-50 .glitch-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}
.fixed.inset-0.z-50 .glitch-btn:hover::before{left:100%;}
.fixed.inset-0.z-50 .glitch-btn:hover{transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(102,126,234,0.5),0 0 30px rgba(102,126,234,0.2),inset 0 1px 0 rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.3) !important;}
.fixed.inset-0.z-50 .glitch-btn .content{background:transparent !important;color:rgba(255,255,255,0.95) !important;font-weight:600 !important;text-shadow:0 0 10px rgba(255,255,255,0.2) !important;}
.fixed.inset-0.z-50 button svg{color:rgba(255,255,255,0.7) !important;transition:all var(--transition-normal) !important;}
.fixed.inset-0.z-50 button:hover svg{color:rgba(255,255,255,1) !important;text-shadow:0 0 10px rgba(255,255,255,0.3) !important;transform:scale(1.1) !important;}
.fixed.inset-0.z-50 .text-red-500{color:#ef4444 !important;text-shadow:0 0 10px rgba(239,68,68,0.3) !important;font-weight:500 !important;}
.component[data-component-id*="hero"] h1{font-weight:800 !important;background:linear-gradient( 90deg,#3b82f6 0%,#3b82f6 75%,#8b5cf6 100% ) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;filter:drop-shadow(0 0 8px rgba(59,130,246,0.5)) !important;}
@keyframes bubbleGlow{0%{text-shadow:0 0 10px rgba(3,111,255,0.9),0 0 20px rgba(3,111,255,0.7),0 0 30px rgba(255,255,255,0.5),0 0 40px rgba(138,43,226,0.3);}20%{text-shadow:0 0 15px rgba(255,255,255,0.9),0 0 25px rgba(3,111,255,0.7),0 0 35px rgba(138,43,226,0.6),0 0 45px rgba(3,111,255,0.4);}40%{text-shadow:0 0 12px rgba(138,43,226,0.9),0 0 22px rgba(138,43,226,0.7),0 0 32px rgba(3,111,255,0.5),0 0 42px rgba(255,255,255,0.4);}60%{text-shadow:0 0 18px rgba(3,111,255,0.8),0 0 28px rgba(255,255,255,0.7),0 0 38px rgba(255,255,255,0.5),0 0 48px rgba(138,43,226,0.5);}80%{text-shadow:0 0 14px rgba(255,255,255,0.9),0 0 24px rgba(138,43,226,0.8),0 0 34px rgba(3,111,255,0.6),0 0 44px rgba(255,255,255,0.4);}100%{text-shadow:0 0 10px rgba(3,111,255,0.9),0 0 20px rgba(3,111,255,0.7),0 0 30px rgba(255,255,255,0.5),0 0 40px rgba(138,43,226,0.3);}}
@keyframes rainbow-gradient{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.component[data-component-id*="hero"] [x-data="searchbar"] .bg-border{background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05)) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:15px !important;padding:2px !important;box-shadow:none !important;transition:all var(--transition-normal) !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] .bg-border:hover{border-color:rgba(102,126,234,0.6) !important;box-shadow:0 0 0 1px rgba(255,255,255,0.1) !important;transform:none !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] .bg-b-secondary{background:rgba(255,255,255,0.08) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:13px !important;border:none !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] input{color:rgba(255,255,255,0.9) !important;font-weight:500 !important;border:none !important;outline:none !important;background:transparent !important;border-radius:0 !important;box-shadow:none !important;}
.component[data-component-id*="hero"] [x-data="searchbar"] input::placeholder{color:rgba(255,255,255,0.5) !important;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 .glitch-btn{position:relative !important;overflow:hidden !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;transition:all var(--transition-normal) !important;font-weight:600 !important;border-radius:var(--radius-md) !important;padding:12px 24px !important;text-shadow:0 0 10px rgba(255,255,255,0.2) !important;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 .glitch-btn.primary{background:linear-gradient(135deg,rgba(102,126,234,0.8),rgba(118,75,162,0.8)) !important;border:1px solid rgba(255,255,255,0.2) !important;box-shadow:0 4px 15px rgba(102,126,234,0.3),0 0 20px rgba(102,126,234,0.1),inset 0 1px 0 rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.95) !important;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 .glitch-btn.primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 .glitch-btn.primary:hover::before{left:100%;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 .glitch-btn.primary:hover{transform:translateY(-3px) !important;box-shadow:0 8px 25px rgba(102,126,234,0.5),0 0 30px rgba(102,126,234,0.2),inset 0 1px 0 rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.3) !important;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 .glitch-btn.secondary{background:rgba(255,255,255,0.08) !important;border:2px solid rgba(255,255,255,0.25) !important;box-shadow:0 4px 15px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.9) !important;}
.component[data-component-id*="hero"] .flex.flex-wrap.items-center.gap-4 .glitch-btn.secondary:hover{background:rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.5) !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(255,255,255,0.1),inset 0 1px 0 rgba(255,255,255,0.15) !important;color:rgba(255,255,255,1) !important;}
.component[data-component-id*="hero"] .relative.flex.justify-center.items-center{position:relative;overflow:visible;}
.component[data-component-id*="hero"] .relative.flex.justify-center.items-center::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,0.08) 0%,rgba(102,126,234,0.03) 50%,transparent 100%);pointer-events:none;z-index:-1;}
.component[data-component-id*="hero"] .text-t-primary\/50{color:rgba(255,255,255,0.7) !important;text-shadow:0 0 15px rgba(255,255,255,0.1) !important;font-weight:400 !important;line-height:1.6 !important;}
.component[data-component-id*="stats"] .corner, .component[data-component-id*="stats"] .bg-border.corner, .component[data-component-id*="stats"] .bg-b-secondary.corner, .stats .corner, .stats .bg-border.corner, .stats .bg-b-secondary.corner, [class*="stats"] .corner, [class*="stats"] .bg-border.corner, [class*="stats"] .bg-b-secondary.corner{border-radius:var(--radius-md) !important;clip-path:none !important;-webkit-clip-path:none !important;}
.component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="reviews"] .bg-border, .splide .bg-border{padding:2px !important;margin:8px !important;}
.component[data-component-id*="feedbacks"] .bg-border .bg-b-secondary, .component[data-component-id*="reviews"] .bg-border .bg-b-secondary, .splide .bg-border .bg-b-secondary{border-radius:8px !important;}
.splide{margin:5px 0 !important;padding:0 5px !important;overflow:visible !important;width:100% !important;}
@media (max-width: 768px){.splide{padding:0 !important;margin:0 !important;}}
.component[data-component-id*="feedbacks"], .component[data-component-id*="reviews"]{padding:5px 0 !important;overflow:visible !important;}
[x-show="modalOpen"] .bg-b-primary.corner{background:rgba(var(--cl-b-primary),0.95) !important;border-radius:16px !important;clip-path:none !important;-webkit-clip-path:none !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(var(--cl-accent),0.15) !important;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.05) !important;position:relative !important;overflow:hidden !important;}
[x-show="modalOpen"] .bg-b-primary.corner::before{content:'';position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(var(--cl-accent),0.3) 0%,transparent 30%,transparent 70%,rgba(var(--cl-accent),0.3) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;}
[x-show="modalOpen"] .size-10.inline-flex.items-center.justify-center.bg-b-secondary{background:linear-gradient(135deg,rgba(var(--cl-b-secondary),0.9) 0%,rgba(var(--cl-b-secondary),0.7) 100%) !important;border:1px solid rgba(var(--cl-accent),0.3) !important;border-radius:8px !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15),inset 0 1px 0 0 rgba(255,255,255,0.08) !important;transition:all var(--transition-smooth) !important;}
[x-show="modalOpen"] .size-10.inline-flex.items-center.justify-center.bg-b-secondary:hover{border-color:rgba(var(--cl-accent),0.5) !important;background:linear-gradient(135deg,rgba(var(--cl-b-secondary),1) 0%,rgba(var(--cl-b-secondary),0.8) 100%) !important;box-shadow:0 6px 16px rgba(var(--cl-accent),0.2),inset 0 1px 0 0 rgba(255,255,255,0.1) !important;transform:translateY(-1px) !important;}
[x-show="modalOpen"] .product{background:linear-gradient(135deg,rgba(var(--cl-b-secondary),0.9) 0%,rgba(var(--cl-b-secondary),0.7) 100%) !important;border:1px solid rgba(var(--cl-accent),0.2) !important;border-radius:var(--radius-md) !important;clip-path:none !important;-webkit-clip-path:none !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;box-shadow:0 4px 16px rgba(0,0,0,0.2),inset 0 1px 0 0 rgba(255,255,255,0.06) !important;transition:all var(--transition-smooth) !important;transform:translateY(0) !important;overflow:hidden !important;}
[x-show="modalOpen"] .product:hover{border-color:rgba(var(--cl-accent),0.4) !important;box-shadow:0 6px 20px rgba(var(--cl-accent),0.15),inset 0 1px 0 0 rgba(255,255,255,0.08) !important;transform:translateY(-1px) !important;}
[x-show="modalOpen"] .product .bg-b-secondary{background:rgba(var(--cl-b-secondary),0.9) !important;border-radius:10px !important;clip-path:none !important;-webkit-clip-path:none !important;border:none !important;}
[x-show="modalOpen"] .product .group:hover img{transform:scale(1.08) !important;filter:brightness(1.1) !important;}
[x-show="modalOpen"] .product .group:hover .size-16{transform:scale(1.15) rotate(5deg) !important;color:rgba(var(--cl-accent),0.8) !important;}
@keyframes modalCardAppear{0%{opacity:0;transform:scale(0.8) translateY(20px);backdrop-filter:blur(0px);}50%{opacity:0.8;transform:scale(0.98) translateY(5px);}100%{opacity:1;transform:scale(1) translateY(0);backdrop-filter:var(--blur-light);}}
@keyframes productSlideIn{0%{opacity:0;transform:translateY(20px) scale(0.95);}100%{opacity:1;transform:translateY(0) scale(1);}}
[x-show="modalOpen"]{animation:modalFadeIn 0.25s ease-out forwards !important;}
@keyframes modalFadeIn{from{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);}to{opacity:1;backdrop-filter:var(--blur-light);-webkit-backdrop-filter:var(--blur-light);}}
[x-show="modalOpen"] .flex.flex-col.gap-4::-webkit-scrollbar{width:8px;}
[x-show="modalOpen"] .flex.flex-col.gap-4::-webkit-scrollbar-track{background:rgba(var(--cl-b-secondary),0.3);border-radius:10px;}
[x-show="modalOpen"] .flex.flex-col.gap-4::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(var(--cl-accent),0.6) 0%,rgba(var(--cl-accent),0.3) 100%);border-radius:10px;}
[x-show="modalOpen"] .flex.flex-col.gap-4::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(var(--cl-accent),0.8) 0%,rgba(var(--cl-accent),0.5) 100%);}
@keyframes searchSpinner{to{transform:translateY(-50%) rotate(360deg);}}
@media (min-width: 641px) and (max-width: 1024px){.fixed.inset-0.z-20.h-screen.w-screen.bg-background\/95{display:none !important;}
[class*="showMobileMenu"] .fixed.inset-0.z-20{display:none !important;}}
[x-show="modalOpen"] ~ .fixed.inset-0.z-20.bg-background\/95, body:has([x-show="modalOpen"]) .fixed.inset-0.z-20.bg-background\/95{display:none !important;visibility:hidden !important;opacity:0 !important;}
@media (max-width: 640px){body{overflow-x:hidden !important;max-width:100vw !important;}
[x-show="modalOpen"]{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important;padding:0.5rem 1.25rem 1.25rem 1.25rem !important;max-width:100vw !important;width:100vw !important;display:flex !important;align-items:center !important;justify-content:center !important;min-height:100vh !important;z-index:9999 !important;}
[x-show="modalOpen"] .my-20{margin-top:0 !important;margin-bottom:0 !important;}
[x-show="modalOpen"] .flex.items-end.justify-center.min-h-screen.px-2{padding-left:0 !important;padding-right:0 !important;min-height:auto !important;align-items:center !important;}
[x-show="modalOpen"] .p-4.bg-b-primary.corner, [x-show="modalOpen"] .bg-b-primary.corner{border-radius:var(--radius-md) !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:auto !important;max-height:75vh !important;overflow-y:auto !important;overflow-x:hidden !important;padding:0.75rem !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;flex-shrink:1 !important;}
[x-show="modalOpen"] .product[data-title]{transition:opacity 0.3s ease-out,transform 0.3s ease-out !important;}
[x-show="modalOpen"] .product{display:block !important;}
[x-show="modalOpen"] .product[style*="display: none"]{display:none !important;}
[x-show="modalOpen"] .flex.items-center.gap-4.w-full.bg-b-secondary{padding:0.5rem 0.75rem !important;gap:0.75rem !important;}
[x-show="modalOpen"] .size-5, [x-show="modalOpen"] .size-6{width:1.25rem !important;height:1.25rem !important;}
[x-show="modalOpen"] .size-10.inline-flex.items-center.justify-center.bg-b-secondary{border-radius:8px !important;width:2.5rem !important;height:2.5rem !important;min-width:2.5rem !important;min-height:2.5rem !important;flex-shrink:0 !important;padding:0.5rem !important;}
[x-show="modalOpen"] .flex.items-center.justify-between.gap-2.mb-4{margin-bottom:1rem !important;gap:0.75rem !important;}
[x-show="modalOpen"] .p-4.bg-b-primary.corner, [x-show="modalOpen"] .bg-b-primary.corner{padding:0.75rem !important;}
[x-show="modalOpen"] .product{border-radius:8px !important;width:100% !important;margin-bottom:0.5rem !important;}
[x-show="modalOpen"] .flex.items-start.justify-between{flex-direction:column !important;gap:1rem !important;}
[x-show="modalOpen"] .flex.items-center.gap-4.w-full{width:100% !important;flex:1 !important;}
[x-show="modalOpen"] .flex.flex-col.gap-4{width:100% !important;max-width:100% !important;max-height:calc(60vh) !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important;box-sizing:border-box !important;}
[x-show="modalOpen"] *{max-width:100% !important;box-sizing:border-box !important;}
@keyframes modalCardAppearMobile{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}
[x-show="modalOpen"] .search-input-container:hover, [x-show="modalOpen"] .product:hover{transform:none !important;}
[x-show="modalOpen"] .product h3, [x-show="modalOpen"] .product .text-xl{font-size:1.125rem !important;line-height:1.5 !important;}
[x-show="modalOpen"] .product .text-lg{font-size:1rem !important;line-height:1.4 !important;}}
[x-show="modalOpen"] input[x-model="term"]{background:transparent !important;border:none !important;outline:none !important;pointer-events:auto !important;user-select:auto !important;-webkit-user-select:auto !important;-webkit-appearance:none !important;appearance:none !important;}
[x-show="modalOpen"] input[x-model="term"]:focus{box-shadow:0 0 0 2px rgba(59,130,246,0.5) !important;}
.bg-border:not(.component[data-component-id="cart-page"] .bg-border), .component[data-component-id*="feedbacks"] .bg-border, .component[data-component-id*="reviews"] .bg-border, .component[data-component-id*="stats"] .bg-border{border-radius:var(--radius-md) !important;}
.bg-b-secondary:not(.component[data-component-id="cart-page"] .bg-b-secondary), .component[data-component-id*="feedbacks"] .bg-b-secondary, .component[data-component-id*="reviews"] .bg-b-secondary, .component[data-component-id*="stats"] .bg-b-secondary{border-radius:10px !important;}
.corner{border-radius:var(--radius-md) !important;}
.component[data-component-id*="feedbacks"] .bg-border.corner, .component[data-component-id*="reviews"] .bg-border.corner{border-radius:14px !important;}
.component[data-component-id*="feedbacks"] .bg-b-secondary.corner, .component[data-component-id*="reviews"] .bg-b-secondary.corner{border-radius:13px !important;}
.corner .corner, .bg-border .corner, .corner .bg-b-secondary{border-radius:10px !important;}
[x-cloak]{display:none !important;}
[x-show="modalOpen"]{z-index:10010 !important;}
[x-show="modalOpen"][style*="display: block"] .fixed.inset-0.transition-opacity, [x-show="modalOpen"][style*="display: flex"] .fixed.inset-0.transition-opacity{display:block !important;}
.fixed.inset-0.transition-opacity.bg-black\/80{background-color:rgba(0,0,0,0.85) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;z-index:10009 !important;}
.lg\:max-w-3xl{z-index:10020 !important;position:relative !important;}
.p-4.bg-b-primary.corner.sm\:p-8{padding:1rem !important;position:relative !important;z-index:10025 !important;}
@media (min-width: 640px){.p-4.bg-b-primary.corner.sm\:p-8{padding:2rem !important;}}
.choices{z-index:50 !important;}
header{z-index:40 !important;}
nav{z-index:40 !important;}
.currency-selector .choices{z-index:100000 !important;}
.bg-background\/95.backdrop-blur-2xl{z-index:45 !important;}
.fixed.inset-0.z-20.h-screen.w-screen{z-index:45 !important;}
[x-show="modalOpen"] ~ * .bg-background\/95.backdrop-blur-2xl, [x-show="modalOpen"] ~ * .fixed.inset-0.z-20{z-index:20 !important;}
[x-ref="searchInput"]{width:100% !important;background:transparent !important;border:none !important;outline:none !important;font-size:1rem !important;color:rgba(255,255,255,0.9) !important;}
[x-ref="searchInput"]::placeholder{color:rgba(255,255,255,0.5) !important;}
[x-ref="productsContainer"]{max-height:60vh !important;overflow-y:auto !important;position:relative !important;z-index:10002 !important;}
[x-data*="searchbar"] [x-show="modalOpen"]{z-index:9999 !important;position:fixed !important;}
[x-data*="searchbar"] .inline-block{z-index:10000 !important;position:relative !important;}
[x-data*="searchbar"] [x-show="modalOpen"] .fixed.inset-0{z-index:9998 !important;}
[x-ref="productsContainer"]::-webkit-scrollbar{width:6px;}
[x-ref="productsContainer"]::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:3px;}
[x-ref="productsContainer"]::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:3px;}
[x-ref="productsContainer"]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.5);}
.product.hidden{display:none !important;}
.product{transition:opacity 0.2s ease-in-out,transform 0.2s ease-in-out !important;}
.product:not(.hidden){opacity:1 !important;transform:translateY(0) !important;}
[x-ref="searchInput"]:focus{box-shadow:0 0 0 2px rgba(59,130,246,0.5) !important;border-radius:4px !important;}
[x-cloak]{display:none !important;}
.fixed.inset-0.z-20[x-cloak]{display:block !important;transform:scaleY(0) !important;}
.fixed.inset-0.z-20.h-screen.w-screen{background:rgba(0,0,0,0.95) !important;backdrop-filter:blur(16px) !important;transform-origin:bottom !important;transform:scaleY(0) !important;transition:transform 500ms ease !important;}
.fixed.inset-0.z-20.h-screen.w-screen.origin-top.scale-y-100{transform:scaleY(1) !important;transform-origin:top !important;}
[x-ref="productsContainer"] .product{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);position:relative;overflow:hidden;}
[x-ref="productsContainer"] .product::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(200px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(139,92,246,0.03) 0%,transparent 50%);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity 0.3s ease;z-index:1;}
[x-ref="productsContainer"] .product:hover::before{opacity:1;}
[x-ref="productsContainer"] .product:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,0.2);}
[x-ref="productsContainer"] .product > a{position:relative;z-index:2;}
[x-ref="productsContainer"]{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,0.3) transparent;}
.component[data-component-id*="stats"] .bg-border{position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;}
.component[data-component-id*="stats"] .bg-border::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(300px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(168,85,247,0.2) 0%,rgba(168,85,247,0.1) 30%,transparent 60%);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity 0.3s ease;z-index:1;}
.component[data-component-id*="stats"] .bg-border:hover::before{opacity:1;}
.component[data-component-id*="stats"] .bg-border:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(168,85,247,0.3);}
.component[data-component-id*="stats"] .bg-b-secondary{position:relative;z-index:2;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;}
.component[data-component-id*="stats"] .bg-b-secondary::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(200px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(168,85,247,0.15) 0%,rgba(168,85,247,0.05) 40%,transparent 70%);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity 0.3s ease;}
.component[data-component-id*="stats"] .bg-border:hover .bg-b-secondary::before{opacity:1;}
.component[data-component-id*="stats"] .bg-border:hover .bg-b-secondary{transform:translateY(-1px) scale(1.01);box-shadow:inset 0 1px 0 0 rgba(168,85,247,0.2);}
.component[data-component-id*="stats"] .bg-border:hover .text-accent-500{filter:drop-shadow(0 0 10px rgba(168,85,247,0.6));transition:filter 0.3s ease;}
.component[data-component-id*="stats"] .bg-border{--cursor-x:50%;--cursor-y:50%;}
.component[data-component-id*="features"] .bg-border{--cursor-x:50%;--cursor-y:50%;}
.component[data-component-id*="stats"] .bg-b-secondary, .component[data-component-id*="features"] .bg-b-secondary{--cursor-x:inherit;--cursor-y:inherit;}
.component[data-component-id*="stats"] .bg-border{background:rgba(255,255,255,0.05) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 10px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08) !important;transition:all var(--transition-smooth) !important;}
.component[data-component-id*="stats"] .bg-border:hover{background:rgba(255,255,255,0.08) !important;border-color:rgba(139,92,246,0.5) !important;box-shadow:0 15px 60px rgba(0,0,0,0.35),0 0 30px rgba(139,92,246,0.3),inset 0 1px 0 rgba(255,255,255,0.15) !important;transform:translateY(-4px) scale(1.02) !important;}
.component[data-component-id*="stats"] .bg-b-secondary{background:rgba(0,0,0,0.25) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 16px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.05) !important;}
.glitch-btn{background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.04)) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.15) !important;box-shadow:0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.12) !important;transition:all var(--transition-smooth) !important;position:relative !important;overflow:hidden !important;}
.glitch-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.08)) !important;border-color:rgba(139,92,246,0.5) !important;box-shadow:0 12px 48px rgba(0,0,0,0.4),0 0 30px rgba(139,92,246,0.3),inset 0 1px 0 rgba(255,255,255,0.2) !important;transform:translateY(-3px) scale(1.02) !important;}
.glitch-btn .bg-b-secondary, .glitch-btn .content, .glitch-btn .anim{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:none !important;box-shadow:none !important;}
.glitch-btn.bg-red-500, button.glitch-btn.bg-red-500{background:linear-gradient(135deg,rgba(102,126,234,0.9),rgba(118,75,162,0.9)) !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:var(--radius-md) !important;color:rgba(255,255,255,0.95) !important;position:relative !important;overflow:hidden !important;backdrop-filter:var(--blur-light) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 6px 20px rgba(102,126,234,0.3),0 3px 10px rgba(118,75,162,0.2),inset 0 1px 0 rgba(255,255,255,0.2) !important;text-shadow:0 1px 2px rgba(0,0,0,0.2) !important;font-weight:600 !important;letter-spacing:0.5px !important;}
.glitch-btn.bg-red-500::before, button.glitch-btn.bg-red-500::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent) !important;transition:left 0.6s ease !important;}
.glitch-btn.bg-red-500:hover, button.glitch-btn.bg-red-500:hover{transform:translateY(-3px) scale(1.02) !important;background:linear-gradient(135deg,rgba(102,126,234,1),rgba(118,75,162,1)) !important;border-color:rgba(255,255,255,0.5) !important;box-shadow:0 12px 35px rgba(102,126,234,0.4),0 6px 18px rgba(118,75,162,0.3),inset 0 1px 0 rgba(255,255,255,0.3),0 0 30px rgba(102,126,234,0.6) !important;text-shadow:0 0 20px rgba(255,255,255,0.8),0 2px 4px rgba(0,0,0,0.3) !important;color:rgba(255,255,255,1) !important;}
.glitch-btn.bg-red-500:hover::before, button.glitch-btn.bg-red-500:hover::before{left:100% !important;}
.glitch-btn.bg-red-500 .anim{position:relative !important;display:block !important;}
.glitch-btn.bg-red-500:hover .anim{animation:delete-glitch 1s ease-in-out !important;}
@keyframes delete-glitch{0%,100%{transform:translate(0) !important;opacity:1 !important;}10%{transform:translate(-2px,-1px) !important;opacity:0.9 !important;}20%{transform:translate(2px,1px) !important;opacity:0.8 !important;}30%{transform:translate(-1px,2px) !important;opacity:0.9 !important;}40%{transform:translate(1px,-2px) !important;opacity:1 !important;}50%{transform:translate(-2px,1px) !important;opacity:0.8 !important;}60%{transform:translate(2px,-1px) !important;opacity:0.9 !important;}70%{transform:translate(-1px,-2px) !important;opacity:1 !important;}80%{transform:translate(1px,2px) !important;opacity:0.9 !important;}90%{transform:translate(-2px,-1px) !important;opacity:0.8 !important;}}
.glitch-btn.bg-accent-500\/60, button.glitch-btn.bg-accent-500\/60{background:linear-gradient(135deg,rgba(102,126,234,0.95),rgba(118,75,162,0.95)) !important;border:1px solid rgba(255,255,255,0.4) !important;border-radius:var(--radius-md) !important;color:rgba(255,255,255,0.98) !important;position:relative !important;overflow:hidden !important;backdrop-filter:var(--blur-light) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 8px 25px rgba(102,126,234,0.4),0 4px 12px rgba(118,75,162,0.3),inset 0 1px 0 rgba(255,255,255,0.25) !important;text-shadow:0 1px 2px rgba(0,0,0,0.2) !important;font-weight:600 !important;}
.glitch-btn.bg-accent-500\/60::before, button.glitch-btn.bg-accent-500\/60::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent) !important;transition:left 0.6s ease !important;}
.glitch-btn.bg-accent-500\/60:hover, button.glitch-btn.bg-accent-500\/60:hover{transform:translateY(-3px) scale(1.02) !important;background:linear-gradient(135deg,rgba(102,126,234,1),rgba(118,75,162,1)) !important;border-color:rgba(255,255,255,0.6) !important;box-shadow:0 15px 40px rgba(102,126,234,0.5),0 8px 20px rgba(118,75,162,0.4),inset 0 1px 0 rgba(255,255,255,0.35),0 0 35px rgba(102,126,234,0.7) !important;text-shadow:0 0 25px rgba(255,255,255,0.9),0 2px 4px rgba(0,0,0,0.3) !important;color:rgba(255,255,255,1) !important;}
.glitch-btn.bg-accent-500\/60:hover::before, button.glitch-btn.bg-accent-500\/60:hover::before{left:100% !important;}
.glitch-btn.bg-accent-500\/60 .content, .glitch-btn.bg-accent-500\/60 .anim{background:transparent !important;backdrop-filter:none !important;border:none !important;box-shadow:none !important;}
.glitch-btn.bg-accent-500\/60:hover .anim{animation:cart-pulse 1.2s ease-in-out !important;}
@keyframes cart-pulse{0%,100%{transform:scale(1) !important;opacity:1 !important;}25%{transform:scale(1.05) !important;opacity:0.9 !important;}50%{transform:scale(0.98) !important;opacity:0.95 !important;}75%{transform:scale(1.02) !important;opacity:0.85 !important;}}
.glitch-btn.bg-white\/\[0\.03\], button.glitch-btn.bg-white\/\[0\.03\]{background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,75,162,0.12)) !important;border:1px solid rgba(102,126,234,0.3) !important;border-radius:var(--radius-md) !important;color:rgba(255,255,255,0.9) !important;position:relative !important;overflow:hidden !important;backdrop-filter:var(--blur-light) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 6px 20px rgba(102,126,234,0.15),0 3px 10px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.15) !important;text-shadow:0 1px 2px rgba(0,0,0,0.1) !important;font-weight:500 !important;}
.glitch-btn.bg-white\/\[0\.03\]::before, button.glitch-btn.bg-white\/\[0\.03\]::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.2),transparent) !important;transition:left 0.6s ease !important;}
.glitch-btn.bg-white\/\[0\.03\]:hover, button.glitch-btn.bg-white\/\[0\.03\]:hover{transform:translateY(-2px) scale(1.01) !important;background:linear-gradient(135deg,rgba(102,126,234,0.25),rgba(118,75,162,0.22)) !important;border-color:rgba(102,126,234,0.5) !important;box-shadow:0 10px 30px rgba(102,126,234,0.25),0 5px 15px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.25),0 0 25px rgba(102,126,234,0.4) !important;text-shadow:0 0 15px rgba(255,255,255,0.6),0 1px 3px rgba(0,0,0,0.2) !important;color:rgba(255,255,255,1) !important;}
.glitch-btn.bg-white\/\[0\.03\]:hover::before, button.glitch-btn.bg-white\/\[0\.03\]:hover::before{left:100% !important;}
.glitch-btn.bg-white\/\[0\.03\] .content, .glitch-btn.bg-white\/\[0\.03\] .anim{background:transparent !important;backdrop-filter:none !important;border:none !important;box-shadow:none !important;}
.glitch-btn.bg-white\/\[0\.03\]:hover .anim{animation:buy-now-shimmer 1.5s ease-in-out !important;}
@keyframes buy-now-shimmer{0%,100%{transform:translateX(0) !important;opacity:1 !important;}25%{transform:translateX(2px) !important;opacity:0.8 !important;}50%{transform:translateX(-1px) !important;opacity:0.9 !important;}75%{transform:translateX(1px) !important;opacity:0.85 !important;}}
.glitch-btn:disabled, .glitch-btn[disabled]{background:rgba(102,126,234,0.2) !important;border-color:rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.4) !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important;text-shadow:none !important;}
.glitch-btn:disabled::before, .glitch-btn[disabled]::before{display:none !important;}
@media (max-width: 768px){.glitch-btn.bg-accent-500\/60, .glitch-btn.bg-white\/\[0\.03\]{min-height:3rem !important;padding:0.75rem 1.5rem !important;font-size:0.875rem !important;}
.glitch-btn.bg-accent-500\/60:hover, .glitch-btn.bg-white\/\[0\.03\]:hover{transform:translateY(-1px) scale(1.01) !important;}}
.bg-border.corner-sm{background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:var(--radius-md) !important;transition:all var(--transition-smooth) !important;overflow:hidden !important;position:relative !important;clip-path:none !important;}
.bg-border.corner-sm.\!bg-accent-500{background:linear-gradient(135deg,rgba(102,126,234,0.9),rgba(118,75,162,0.9)) !important;border:1px solid rgba(102,126,234,0.4) !important;box-shadow:0 4px 12px rgba(102,126,234,0.25),0 2px 6px rgba(102,126,234,0.15),inset 0 1px 0 rgba(255,255,255,0.2) !important;clip-path:none !important;}
.bg-border.corner-sm button{background:transparent !important;color:rgba(255,255,255,0.75) !important;font-weight:500 !important;font-size:0.875rem !important;padding:0.75rem 1.5rem !important;border-radius:11px !important;transition:all var(--transition-smooth) !important;letter-spacing:0.025em !important;border:none !important;outline:none !important;width:100% !important;height:100% !important;clip-path:none !important;}
.bg-border.corner-sm.\!bg-accent-500 button{color:rgba(255,255,255,1) !important;font-weight:600 !important;text-shadow:0 1px 3px rgba(0,0,0,0.3) !important;}
[x-data*="activeTab"]{position:relative !important;}
[x-data*="activeTab"] template[x-if]{display:block !important;width:100% !important;}
[x-data*="activeTab"] template > div, [x-data*="activeTab"] [x-show]{transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94) !important;transform-origin:center top !important;will-change:transform,opacity !important;}
[x-data*="activeTab"] [x-show="activeTab == 'description'"], [x-data*="activeTab"] [x-show="activeTab == 'reviews'"]{animation:smoothTabFadeIn 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;}
@keyframes smoothTabFadeIn{0%{opacity:0 !important;transform:translateY(20px) scale(0.98) !important;filter:blur(2px) !important;}30%{opacity:0.3 !important;transform:translateY(12px) scale(0.99) !important;filter:blur(1px) !important;}60%{opacity:0.7 !important;transform:translateY(4px) scale(1) !important;filter:blur(0.5px) !important;}100%{opacity:1 !important;transform:translateY(0) scale(1) !important;filter:blur(0px) !important;}}
[x-data*="activeTab"] [x-show]:not([style*="display: block"]):not([style*="display: flex"]){animation:smoothTabFadeOut 0.2s ease-in !important;}
@keyframes smoothTabFadeOut{0%{opacity:1 !important;transform:translateY(0) scale(1) !important;filter:blur(0px) !important;}100%{opacity:0 !important;transform:translateY(-10px) scale(0.98) !important;filter:blur(1px) !important;}}
[x-data*="activeTab"] .bg-border.corner-sm{transition:all var(--transition-smooth) !important;position:relative !important;overflow:hidden !important;}
[x-data*="activeTab"] .bg-border.corner-sm:not(.\!bg-accent-500):hover{background:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.2) !important;transform:translateY(-1px) !important;}
[x-data*="activeTab"] .bg-border.corner-sm:not(.\!bg-accent-500){transform:translateY(0) !important;box-shadow:none !important;}
[x-data*="activeTab"] .bg-border.corner-sm.\!bg-accent-500{transform:translateY(-2px) !important;box-shadow:0 6px 16px rgba(102,126,234,0.25),0 3px 8px rgba(102,126,234,0.15),inset 0 1px 0 rgba(255,255,255,0.2) !important;}
[x-data*="activeTab"] .bg-border.corner-sm::before, [x-data*="activeTab"] .bg-border.corner-sm::after{display:none !important;content:none !important;}
[x-data*="activeTab"] .bg-border.corner-sm.\!bg-accent-500::before, [x-data*="activeTab"] .bg-border.corner-sm.\!bg-accent-500::after{display:none !important;content:none !important;}
[x-data*="activeTab"] .bg-border.corner-sm button{position:relative !important;z-index:1 !important;transition:all var(--transition-normal) !important;}
[x-data*="activeTab"] .grid.grid-cols-1.gap-4{transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94) !important;}
[x-data*="activeTab"] .grid .feedback-card-enhanced{transition:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94) !important;transition-delay:calc(var(--card-index,0) * 0.1s) !important;}
[x-data*="activeTab"][data-active-tab="reviews"] .feedback-card-enhanced:nth-child(1){--card-index:0;}
[x-data*="activeTab"][data-active-tab="reviews"] .feedback-card-enhanced:nth-child(2){--card-index:1;}
[x-data*="activeTab"][data-active-tab="reviews"] .feedback-card-enhanced:nth-child(3){--card-index:2;}
[x-data*="activeTab"][data-active-tab="reviews"] .feedback-card-enhanced:nth-child(4){--card-index:3;}
@media (max-width: 768px){[x-data*="activeTab"] [x-show="activeTab == 'description'"], [x-data*="activeTab"] [x-show="activeTab == 'reviews'"]{animation:smoothTabFadeInMobile 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;}
@keyframes smoothTabFadeInMobile{0%{opacity:0 !important;transform:translateY(15px) scale(0.99) !important;}60%{opacity:0.8 !important;transform:translateY(3px) scale(1) !important;}100%{opacity:1 !important;transform:translateY(0) scale(1) !important;}}
[x-data*="activeTab"] .feedback-card-enhanced{transition-delay:calc(var(--card-index,0) * 0.05s) !important;}}
@media (prefers-reduced-motion: reduce){.component[data-component-id*="stats"] .bg-border{transition:none !important;}}
.component[data-component-id*="feedbacks"] .carousel-track{padding:40px 0 !important;background:transparent !important;border:none !important;box-shadow:none !important;overflow:visible !important;}
.component[data-component-id*="feedbacks"] .simple-feedback-carousel{background:transparent !important;border:none !important;box-shadow:none !important;padding:20px 0 !important;overflow:hidden !important;position:relative !important;mask:linear-gradient( to right,transparent 0%,black 5%,black 95%,transparent 100% ) !important;-webkit-mask:linear-gradient( to right,transparent 0%,black 5%,black 95%,transparent 100% ) !important;}
.component[data-component-id*="feedbacks"] .simple-feedback-carousel::before, .component[data-component-id*="feedbacks"] .simple-feedback-carousel::after{display:none !important;}
.glassmorphism-card{position:relative;overflow:hidden;}
.glassmorphism-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.1),transparent);transition:left 0.5s ease;z-index:3;pointer-events:none;}
.glassmorphism-card:hover::before{left:100%;}
.glassmorphism-social-card{position:relative;overflow:hidden;}
.glassmorphism-social-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.5s ease;z-index:5;pointer-events:none;}
.glassmorphism-social-card:hover::before{left:100%;}
@media (max-width: 768px){.glassmorphism-card, .glassmorphism-social-card{backdrop-filter:blur(8px);}}
.faq-icon{transition:transform 0.3s ease !important;}
.glassmorphism-card button:hover .faq-icon{transform:scale(1.1) !important;}
.faq-icon.rotate-180{transform:rotate(180deg) !important;}
.glassmorphism-card button:hover .faq-icon.rotate-180{transform:rotate(180deg) scale(1.1) !important;}
@media (max-width: 768px){.component[data-component-id*="feedbacks"] .carousel-slide{transform:scale(1) !important;}
.component[data-component-id*="feedbacks"] .carousel-track{padding:30px 0 !important;display:flex !important;background:transparent !important;border:none !important;box-shadow:none !important;}
.component[data-component-id*="feedbacks"] .feedback-carousel-frame{overflow-x:auto !important;padding:0 16px !important;margin:0 -16px !important;scroll-behavior:smooth !important;scrollbar-width:none !important;-ms-overflow-style:none !important;position:relative !important;mask:linear-gradient( to right,transparent 0%,black 8%,black 92%,transparent 100% ) !important;-webkit-mask:linear-gradient( to right,transparent 0%,black 8%,black 92%,transparent 100% ) !important;}
.component[data-component-id*="feedbacks"] .feedback-carousel-frame::before, .component[data-component-id*="feedbacks"] .feedback-carousel-frame::after{display:none !important;}
.component[data-component-id*="feedbacks"] .feedback-carousel-frame::-webkit-scrollbar{display:none !important;}
.component[data-component-id*="feedbacks"] .simple-feedback-carousel{overflow:visible !important;touch-action:pan-x !important;}
.component[data-component-id*="feedbacks"] .bg-border{min-height:auto !important;margin-bottom:8px !important;}
.component[data-component-id*="feedbacks"] .text-sm{font-size:14px !important;line-height:1.4 !important;}
.component[data-component-id*="feedbacks"] .text-xs{font-size:12px !important;}
.component[data-component-id*="feedbacks"] .size-6{width:18px !important;height:18px !important;}
.component[data-component-id*="feedbacks"] .simple-feedback-carousel{overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;}
.component[data-component-id*="feedbacks"] .simple-feedback-carousel::-webkit-scrollbar{display:none !important;}
.component[data-component-id*="feedbacks"] .carousel-track{transition:none !important;transform:none !important;}
.component[data-component-id*="feedbacks"] .carousel-slide{scroll-snap-align:start !important;scroll-snap-stop:always !important;}
.component[data-component-id*="feedbacks"] .feedback-arrow{display:none !important;}
.component[data-component-id*="feedbacks"] .feedback-carousel-frame::after{content:'← Swipe →';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:12px;color:rgba(255,255,255,0.5);text-align:center;pointer-events:none;}
.component[data-component-id*="feedbacks"] .size-5{width:16px !important;height:16px !important;}
.component[data-component-id*="feedbacks"] .mb-1{margin-bottom:6px !important;}
.component[data-component-id*="feedbacks"] .mb-2{margin-bottom:8px !important;}
.component[data-component-id*="feedbacks"] h2{font-size:28px !important;line-height:1.2 !important;}
.component[data-component-id*="feedbacks"] .text-4xl{font-size:28px !important;}
.component[data-component-id*="feedbacks"] .container{padding-left:16px !important;padding-right:16px !important;}
.component[data-component-id*="feedbacks"] .bg-border{box-shadow:0 4px 20px rgba(0,0,0,0.2) !important;}}
@media (min-width: 769px) and (max-width: 1024px){.component[data-component-id*="feedbacks"] .carousel-slide{transform:scale(1) !important;}
.component[data-component-id*="feedbacks"] .simple-feedback-carousel::before, .component[data-component-id*="feedbacks"] .simple-feedback-carousel::after{width:90px !important;}
.component[data-component-id*="feedbacks"] .feedback-arrow{z-index:20 !important;}
.component[data-component-id*="feedbacks"] .feedback-arrow-prev{left:-40px !important;}
.component[data-component-id*="feedbacks"] .feedback-arrow-next{right:-40px !important;}
.component[data-component-id*="feedbacks"] .feedback-arrow{width:40px !important;height:40px !important;}
.component[data-component-id*="feedbacks"] .feedback-arrow svg{width:20px !important;height:20px !important;}}
.component[data-component-id="features-1747230190189"] [data-aos]{transform:none !important;transition:none !important;opacity:1 !important;animation:none !important;}
.component[data-component-id="features-1747230190189"] .bg-border{background:rgba(255,255,255,0.05) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 10px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08) !important;transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1) !important;position:relative !important;overflow:hidden !important;transform:translateZ(0) !important;will-change:backdrop-filter,box-shadow !important;isolation:isolate !important;}
.component[data-component-id="features-1747230190189"] .bg-b-secondary{background:rgba(0,0,0,0.25) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:none !important;position:relative !important;z-index:2 !important;}
.component[data-component-id="features-1747230190189"] .bg-border::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(250px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(147,51,234,0.15) 0%,rgba(147,51,234,0.08) 35%,transparent 65%);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1;mix-blend-mode:screen;}
.component[data-component-id="features-1747230190189"] .bg-border:hover::before{opacity:1;}
.component[data-component-id="features-1747230190189"] .bg-border:hover{border-color:rgba(147,51,234,0.2) !important;box-shadow:0 12px 40px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.1) inset,0 0 0 1px rgba(147,51,234,0.1) !important;}
.component[data-component-id="features-1747230190189"] h4{color:rgba(255,255,255,0.95) !important;text-shadow:0 2px 4px rgba(0,0,0,0.3) !important;position:relative;z-index:10;}
.component[data-component-id="features-1747230190189"] p{color:rgba(255,255,255,0.8) !important;position:relative;z-index:10;}
.component[data-component-id="features-1747230190189"] .text-accent-500{color:rgba(147,51,234,1) !important;filter:drop-shadow(0 0 6px rgba(147,51,234,0.3)) !important;position:relative;z-index:10;}
.component[data-component-id="features-1747230190189"] .bg-b-secondary{background-color:transparent !important;background-image:none !important;}
.component[data-component-id="features-1747230190189"] *{transform:none !important;animation:none !important;will-change:auto !important;}
.component[data-component-id="hero"] .hero-container{contain:layout style paint;will-change:auto;isolation:isolate;position:relative;z-index:1;}
.component[data-component-id="hero"] .hero-content-wrapper{contain:layout style;will-change:auto;isolation:isolate;}
.component[data-component-id="hero"] *{animation-fill-mode:forwards;}
.component[data-component-id="hero"] .feature-card, .component[data-component-id="hero"] .donut-title, .component[data-component-id="hero"] .hero-buttons{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;}
.component[data-component-id="hero"] .hero-feature-highlight::before{animation-name:hero-shimmer !important;}
@keyframes hero-shimmer{0%{left:-100%;}100%{left:100%;}}
@keyframes trust-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.6;transform:scale(1.2);}}
@keyframes hot-badge-glow{0%{box-shadow:0 0 5px rgba(239,68,68,0.5);}100%{box-shadow:0 0 15px rgba(239,68,68,0.8),0 0 25px rgba(239,68,68,0.4);}}
@keyframes sunshine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}100%{transform:translateX(300%) translateY(300%) rotate(45deg);}}
@keyframes iconGlow{0%{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;transform:scale(1);}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor;transform:scale(1.1);}100%{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;transform:scale(1);}}
@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.05);opacity:0.8;}}
@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-5px);}}
.navbar-logo-link, .navbar-logo-link:hover, .navbar-logo-link:active, .navbar-logo-link:focus{background:none !important;box-shadow:none !important;border:none !important;transform:none !important;text-shadow:none !important;overflow:visible !important;}
.navbar-logo-link::before{display:none !important;}
.navbar-logo-link:hover{transform:none !important;color:inherit !important;}
.component[data-component-id="navbar"] a[href*="cart"]{overflow:visible !important;}
.component[data-component-id="navbar"] a[href*="cart"].relative, .component[data-component-id="navbar"] .relative:has(a[href*="cart"]){overflow:visible !important;}
.component[data-component-id="navbar"] .flex.items-center{overflow:visible !important;}
.component[data-component-id="navbar"] a[href*="cart"], nav a[href*="cart"], .navbar a[href*="cart"], [class*="nav"] a[href*="cart"]{overflow:visible !important;transform:none !important;box-shadow:none !important;text-shadow:none !important;}
.component[data-component-id="navbar"] a[href*="cart"]::before, .component[data-component-id="navbar"] a[href*="cart"]::after, nav a[href*="cart"]::before, nav a[href*="cart"]::after, .navbar a[href*="cart"]::before, .navbar a[href*="cart"]::after, [class*="nav"] a[href*="cart"]::before, [class*="nav"] a[href*="cart"]::after{display:none !important;content:none !important;}
@media (max-width: 1023px){.component[data-component-id="navbar"] .glitch-btn{overflow:hidden !important;contain:layout style paint !important;}
.component[data-component-id="navbar"] .glitch-btn .anim, .component[data-component-id="navbar"] .glitch-btn::before, .component[data-component-id="navbar"] .glitch-btn::after{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;overflow:hidden !important;border-radius:inherit !important;}
.component[data-component-id="navbar"] .lg\\:hidden{overflow:hidden !important;}
.component[data-component-id="navbar"] .lg\\:hidden .relative:has(a[href*="cart"]){overflow:visible !important;}
.component[data-component-id="navbar"] [x-ref="mobileMenu"]:not(.visible):not(.scale-100){visibility:hidden !important;opacity:0 !important;transform:translateY(4px) scale(0.95) !important;pointer-events:none !important;}}
.component[data-component-id="feedback-page"] .feedback-card-enhanced{margin-bottom:12px !important;position:relative;}
@media (min-width: 769px){.component[data-component-id="feedback-page"] .feedback-glassmorphism{margin:8px 4px !important;}}
@media (max-width: 768px){.component[data-component-id="feedback-page"] .feedback-glassmorphism{margin:6px 2px !important;}
.component[data-component-id="feedback-page"] .feedback-card-enhanced{margin-bottom:8px !important;}}
.component[data-component-id="feedback-page"] .corner{border-radius:13px !important;}
.component[data-component-id="feedback-page"] .corner-xs{border-radius:4px !important;}
.component[data-component-id="feedback-page"] .text-gray-300{color:rgba(255,255,255,0.85) !important;}
.component[data-component-id="feedback-page"] .border-white\/5{border-color:rgba(255,255,255,0.08) !important;}
.component[data-component-id*="feedbacks"] .bg-border{transform-style:preserve-3d !important;}
.component[data-component-id="feedback-page"] .grid{gap:4px !important;margin:-6px !important;}
@media (max-width: 768px){.component[data-component-id="feedback-page"] .bg-border{margin:4px !important;padding:2px !important;}
.component[data-component-id="feedback-page"] .grid{gap:2px !important;margin:-4px !important;}}
.component[data-component-id="feedback-page"][data-3d-enabled="true"] .bg-border::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);border-radius:18px;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:-1;}
.component[data-component-id="feedback-page"] .bg-border:hover::before{opacity:1;animation:shimmer 1.5s ease-in-out infinite;}
@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg);}100%{transform:translateX(100%) rotate(45deg);}}
.component[data-component-id="status-page"] h1{color:rgba(255,255,255,0.95) !important;text-shadow:0 2px 4px rgba(0,0,0,0.3) !important;position:relative !important;}
.component[data-component-id="status-page"] .bg-border{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%) !important;border:1px solid rgba(102,126,234,0.15) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;transition:all 0.3s cubic-bezier(0.4,0.0,0.2,1) !important;position:relative !important;overflow:hidden !important;border-radius:var(--radius-md) !important;clip-path:none !important;}
.component[data-component-id="status-page"] .bg-b-secondary{background:rgba(0,0,0,0.2) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:none !important;transition:all 0.3s cubic-bezier(0.4,0.0,0.2,1) !important;border-radius:11px !important;clip-path:none !important;}
.component[data-component-id="status-page"] .bg-border:hover{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%) !important;border-color:rgba(102,126,234,0.4) !important;transform:translateY(-2px) !important;}
.component[data-component-id="status-page"] .bg-border:hover .bg-b-secondary{background:rgba(0,0,0,0.3) !important;}
.component[data-component-id="status-page"] .mx-auto.py-24{margin-bottom:4rem !important;}
@media (min-width: 1024px){.component[data-component-id="status-page"] .mx-auto.py-24{margin-bottom:6rem !important;}}
.component[data-component-id="status-page"] h2{color:rgba(255,255,255,0.95) !important;transition:color 0.3s ease !important;}
.component[data-component-id="status-page"] .bg-border:hover h2{color:rgba(255,255,255,1) !important;text-shadow:0 2px 8px rgba(102,126,234,0.3) !important;}
.component[data-component-id="cart-page"]{background:transparent !important;position:relative !important;}
.component[data-component-id="cart-page"] h1{color:rgba(255,255,255,0.95) !important;text-shadow:0 2px 4px rgba(0,0,0,0.3) !important;position:relative !important;}
@keyframes glitch-1{0%{clip-path:inset(0 0 98% 0);transform:translateX(-2px);filter:hue-rotate(0deg);}10%{clip-path:inset(15% 0 80% 0);transform:translateX(2px);}20%{clip-path:inset(25% 0 70% 0);transform:translateX(-2px);}30%{clip-path:inset(35% 0 60% 0);transform:translateX(2px);}40%{clip-path:inset(45% 0 50% 0);transform:translateX(-2px);}50%{clip-path:inset(55% 0 40% 0);transform:translateX(2px);}60%{clip-path:inset(65% 0 30% 0);transform:translateX(-2px);}70%{clip-path:inset(75% 0 20% 0);transform:translateX(2px);}80%{clip-path:inset(85% 0 10% 0);transform:translateX(-2px);}90%{clip-path:inset(95% 0 2% 0);transform:translateX(2px);}100%{clip-path:inset(98% 0 0 0);transform:translateX(-2px);filter:hue-rotate(10deg);}}
@keyframes glitch-2{0%{clip-path:inset(98% 0 0 0);transform:translateX(2px);filter:hue-rotate(180deg);}10%{clip-path:inset(80% 0 15% 0);transform:translateX(-2px);}20%{clip-path:inset(70% 0 25% 0);transform:translateX(2px);}30%{clip-path:inset(60% 0 35% 0);transform:translateX(-2px);}40%{clip-path:inset(50% 0 45% 0);transform:translateX(2px);}50%{clip-path:inset(40% 0 55% 0);transform:translateX(-2px);}60%{clip-path:inset(30% 0 65% 0);transform:translateX(2px);}70%{clip-path:inset(20% 0 75% 0);transform:translateX(-2px);}80%{clip-path:inset(10% 0 85% 0);transform:translateX(2px);}90%{clip-path:inset(2% 0 95% 0);transform:translateX(-2px);}100%{clip-path:inset(0 0 98% 0);transform:translateX(2px);filter:hue-rotate(190deg);}}
.component[data-component-id="cart-page"] .text-center{margin-bottom:4rem !important;}
@media (min-width: 1024px){.component[data-component-id="cart-page"] .text-center{margin-bottom:6rem !important;}}
.component[data-component-id="cart-page"] .bg-border, .component[data-component-id="cart-page"] div.bg-border{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%) !important;border:1px solid rgba(102,126,234,0.05) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;transition:all 0.3s cubic-bezier(0.4,0.0,0.2,1) !important;position:relative !important;overflow:hidden !important;border-radius:var(--radius-md) !important;}
.component[data-component-id="cart-page"] .bg-b-secondary, .component[data-component-id="cart-page"] div.bg-b-secondary{background:rgba(0,0,0,0.2) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:none !important;transition:all 0.3s cubic-bezier(0.4,0.0,0.2,1) !important;border-radius:11px !important;}
.component[data-component-id="cart-page"] .bg-border.corner{border-radius:var(--radius-md) !important;}
.component[data-component-id="cart-page"] .bg-b-secondary.corner{border-radius:11px !important;}
.component[data-component-id="cart-page"] .corner .corner{border-radius:11px !important;}
.component[data-component-id="cart-page"] .bg-border.corner > .bg-b-secondary.corner{border-radius:11px !important;overflow:hidden !important;}
.component[data-component-id="cart-page"] .bg-b-secondary.corner{border-radius:11px !important;}
.component[data-component-id="cart-page"] .bg-border::before, .component[data-component-id="cart-page"] .bg-border::after, .component[data-component-id="cart-page"] .bg-b-secondary::before, .component[data-component-id="cart-page"] .bg-b-secondary::after{display:none !important;content:none !important;}
.component[data-component-id="cart-page"] .bg-b-secondary.corner > *{border-radius:inherit !important;}
.component[data-component-id="cart-page"] .bg-border.corner:not(a):not(a *), .component[data-component-id="cart-page"] .bg-b-secondary.corner:not(a):not(a *), .component[data-component-id="cart-page"] .flex.flex-col.gap-3 .corner{clip-path:none !important;}
.component[data-component-id="cart-page"] .flex.items-center.justify-between.pl-1.pr-4{padding:0 1rem 0 0.25rem !important;margin:0 !important;border-top:none !important;min-height:auto !important;align-items:center !important;display:flex !important;}
.component[data-component-id="cart-page"] .flex.items-center.justify-between[class*="pt-2"], .component[data-component-id="cart-page"] .flex.items-center.justify-between[class*="pb-1.5"], .component[data-component-id="cart-page"] .flex.items-center.justify-between[class*="mt-2"]{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden{display:flex !important;align-items:center !important;height:2rem !important;max-width:8rem !important;border-radius:6px !important;overflow:hidden !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden button{display:flex !important;width:2rem !important;height:2rem !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;border:none !important;outline:none !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;position:relative !important;overflow:hidden !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden button:focus, .component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden button:focus-visible{outline:none !important;box-shadow:none !important;border:none !important;transform:scale(0.95) !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden button:hover{transform:scale(1.05) !important;background:rgba(102,126,234,0.2) !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden button:active{transform:scale(0.90) !important;background:rgba(102,126,234,0.3) !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden input{display:block !important;height:2rem !important;line-height:2rem !important;flex:1 !important;margin:0 !important;padding:0 0.75rem !important;border:none !important;outline:none !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden input:focus, .component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden input:focus-visible{outline:none !important;box-shadow:inset 0 0 0 1px rgba(102,126,234,0.3) !important;background:rgba(102,126,234,0.05) !important;}
.component[data-component-id="cart-page"] .max-w-32.flex.overflow-hidden:focus-within{border:none !important;outline:none !important;box-shadow:0 0 0 2px rgba(102,126,234,0.2) !important;}
.component[data-component-id="cart-page"] .text-base.text-t-primary.text-center.font-medium{display:flex !important;align-items:center !important;justify-content:center !important;height:2rem !important;line-height:2rem !important;margin:0 !important;padding:0 !important;}
.component[data-component-id="cart-page"] .bg-border:hover, .component[data-component-id="cart-page"] div.bg-border:hover{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%) !important;border-color:rgba(102,126,234,0.4) !important;transform:translateY(-2px) !important;}
.component[data-component-id="cart-page"] .bg-border:hover .bg-b-secondary, .component[data-component-id="cart-page"] div.bg-border:hover div.bg-b-secondary{background:rgba(0,0,0,0.3) !important;}
.component[data-component-id="cart-page"] h2, .component[data-component-id="cart-page"] a[class*="font-bold"]{color:rgba(255,255,255,0.95) !important;transition:color 0.3s ease !important;}
.component[data-component-id="cart-page"] .bg-border:hover h2, .component[data-component-id="cart-page"] .bg-border:hover a[class*="font-bold"]{color:rgba(255,255,255,1) !important;text-shadow:0 2px 8px rgba(102,126,234,0.3) !important;}
.component[data-component-id="cart-page"] button[class*="bg-white/10"], .component[data-component-id="cart-page"] .bg-white\/10{background:rgba(102,126,234,0.1) !important;border:1px solid rgba(102,126,234,0.2) !important;transition:all var(--transition-normal) !important;border-radius:6px !important;}
.component[data-component-id="cart-page"] button[class*="bg-white/10"]:hover:not(:disabled), .component[data-component-id="cart-page"] .bg-white\/10:hover{background:rgba(102,126,234,0.2) !important;border-color:rgba(102,126,234,0.4) !important;box-shadow:0 0 15px rgba(102,126,234,0.3) !important;}
.component[data-component-id="cart-page"] input[class*="bg-white/5"], .component[data-component-id="cart-page"] .bg-white\/5{background:rgba(0,0,0,0.3) !important;border:1px solid rgba(102,126,234,0.2) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:4px !important;color:rgba(255,255,255,0.9) !important;}
.component[data-component-id="cart-page"] input[class*="bg-white/5"]:focus{border-color:rgba(102,126,234,0.5) !important;box-shadow:0 0 0 2px rgba(102,126,234,0.2) !important;outline:none !important;}
.component[data-component-id="cart-page"] .focus-within\:border-accent-500:focus-within{border-color:rgba(102,126,234,0.6) !important;}
.component[data-component-id="cart-page"] .focus-within\:ring-accent-500:focus-within{box-shadow:0 0 0 2px rgba(102,126,234,0.3) !important;}
.component[data-component-id="cart-page"] .text-accent-500{color:rgba(102,126,234,0.8) !important;}
.component[data-component-id="cart-page"] .bg-accent-500\/10{background:rgba(102,126,234,0.1) !important;border:1px solid rgba(102,126,234,0.2) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;}
.component[data-component-id="cart-page"] .lg\:w-1\/4 .bg-border, .component[data-component-id="cart-page"] div[class*="lg:w-1/4"] div.bg-border{background:linear-gradient(135deg,rgba(102,126,234,0.12) 0%,rgba(118,75,162,0.12) 100%) !important;border:1px solid rgba(102,126,234,0.25) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:var(--radius-md) !important;}
.component[data-component-id="cart-page"] .lg\:w-1\/4 .bg-b-secondary, .component[data-component-id="cart-page"] div[class*="lg:w-1/4"] div.bg-b-secondary{background:rgba(0,0,0,0.25) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:10px !important;}
.component[data-component-id="cart-page"] a:focus, .component[data-component-id="cart-page"] button:focus{outline:2px solid rgba(102,126,234,0.6) !important;outline-offset:4px !important;border-radius:8px !important;}
.component[data-component-id="cart-page"] button[class*="hover:text-accent-500"]:hover, .component[data-component-id="cart-page"] button[class*="hover:text-accent"]:hover{color:rgba(102,126,234,0.8) !important;text-shadow:0 0 10px rgba(102,126,234,0.5) !important;}
.component[data-component-id="cart-page"] button:disabled{opacity:0.5 !important;cursor:not-allowed !important;}
.component[data-component-id="cart-page"] button:disabled:hover{background:rgba(102,126,234,0.1) !important;border-color:rgba(102,126,234,0.2) !important;box-shadow:none !important;}
.component[data-component-id="cart-page"] div[class*="bg-white/[0.03]"]{background:rgba(102,126,234,0.05) !important;border:1px solid rgba(102,126,234,0.15) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border-radius:4px !important;}
.component[data-component-id="cart-page"] .text-t-primary\/50{color:rgba(255,255,255,0.5) !important;}
.component[data-component-id="cart-page"] .text-t-primary\/75{color:rgba(255,255,255,0.75) !important;}
.component[data-component-id="cart-page"] .glitch-btn.bg-accent-500\/60{background:linear-gradient(135deg,rgba(102,126,234,0.6) 0%,rgba(118,75,162,0.6) 100%) !important;border:1px solid rgba(102,126,234,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;}
.component[data-component-id="cart-page"] .glitch-btn.bg-accent-500\/60:hover:not(:disabled){background:linear-gradient(135deg,rgba(102,126,234,0.8) 0%,rgba(118,75,162,0.8) 100%) !important;border-color:rgba(102,126,234,0.5) !important;box-shadow:0 0 25px rgba(102,126,234,0.4) !important;}
@media (prefers-reduced-motion: reduce){.component[data-component-id="cart-page"] .glitch, .component[data-component-id="cart-page"] .bg-border{animation:none !important;transition:background 0.3s ease,border-color 0.3s ease !important;}
.component[data-component-id="cart-page"] .bg-border:hover{transform:none !important;}}
.component[data-component-id="cart-page"] *{transition-timing-function:cubic-bezier(0.4,0.0,0.2,1) !important;}
.component[data-component-id="cart-page"] *:focus{transition:all 0.2s ease !important;}
.component[data-component-id="cart-page"] .bg-border{position:relative !important;z-index:1 !important;}
.component[data-component-id="cart-page"] .bg-border:hover{z-index:2 !important;}
.relative.aspect-video.border-b-2.border-b-border.overflow-hidden:has(.badges), .relative.aspect-video.overflow-hidden:has(.badges), .relative.aspect-video:has(.badges.absolute){overflow:visible !important;position:relative !important;}
.product-card, .bg-border:has(.badges.absolute), div:has(.badges.absolute){overflow:visible !important;}
.badges.absolute.top-2.right-2, .badges.absolute{top:0.5rem !important;right:0.90rem !important;z-index:10 !important;position:absolute !important;}
.badges .corner-xs{border-radius:50px !important;clip-path:none !important;-webkit-clip-path:none !important;position:relative;overflow:visible !important;transform:scale(1.0);transform-origin:top right;transition:none;pointer-events:none;}
.badges .corner-xs, .badges .corner-flip-x-xs{border-radius:50px !important;clip-path:none !important;-webkit-clip-path:none !important;position:relative;overflow:visible !important;transform:scale(1.1);transform-origin:center;filter:drop-shadow(0 0 6px rgba(0,255,171,0.12));transition:none;z-index:20;pointer-events:none;isolation:isolate;}
.badges.absolute .corner-flip-x-xs{position:absolute !important;top:0;right:0;transform:scale(1.1);transform-origin:top right;animation:none;pointer-events:none;}
@media (max-width: 768px){.badges.absolute{top:0.125rem !important;right:0.25rem !important;z-index:10 !important;position:absolute !important;transform:none !important;}
.badges.absolute .corner-xs{transform:scale(0.55) !important;transform-origin:top right !important;}
.badges.absolute .corner-xs .product-badge-inner{white-space:nowrap !important;font-size:0.75rem !important;padding:0.5rem 0.75rem !important;}}
@media (max-width: 480px){.badges.absolute{top:0.375rem !important;right:0.375rem !important;}
.badges.absolute .corner-xs{transform:scale(0.9) !important;}
.badges.absolute .corner-xs .product-badge-inner{font-size:0.75rem !important;padding:0.5rem 0.75rem !important;}}
.product[style*="overflow: visible"]{overflow:visible !important;}
.product[style*="overflow: visible"] a{overflow:visible !important;}
.product[style*="overflow: visible"] .flex-1{overflow:visible !important;}
.product .badges.flex{margin-top:0 !important;margin-bottom:0.25rem !important;overflow:visible !important;}
.badges .product-badge-inner, .badges .corner-xs .product-badge-inner, .badges .corner-flip-x-xs .product-badge-inner{border-radius:6px !important;position:relative;z-index:2;overflow:hidden !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,0.4);text-shadow:0 0 10px rgba(139,92,246,0.5);font-weight:600 !important;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap !important;padding:0.25rem 0.75rem !important;min-width:fit-content !important;width:auto !important;display:inline-block !important;text-overflow:ellipsis !important;max-width:200px !important;box-shadow:0 0 10px rgba(139,92,246,0.3),0 0 20px rgba(139,92,246,0.2),0 4px 15px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2);background:linear-gradient(135deg,rgba(139,92,246,0.9) 0%,rgba(168,85,247,0.85) 50%,rgba(139,92,246,0.9) 100%);background-size:200% 200%;animation:cyberBadgeShine 4s ease-in-out infinite,cyberBadgePulse 2s ease-in-out infinite;}
@keyframes cyberBadgeShine{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes cyberBadgePulse{0%,100%{box-shadow:0 0 10px rgba(139,92,246,0.3),0 0 20px rgba(139,92,246,0.2),0 4px 15px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2);}50%{box-shadow:0 0 15px rgba(139,92,246,0.5),0 0 30px rgba(139,92,246,0.3),0 4px 15px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2);}}
.badges .corner-xs[data-color] .product-badge-inner, .badges .corner-flip-x-xs[data-color] .product-badge-inner{background:none !important;animation:customPremiumShine 4s ease-in-out infinite,customPremiumGlow 3s ease-in-out infinite alternate,customPremiumPulse 2s ease-in-out infinite,wavyMovement 8s ease-in-out infinite;}
.badges .product-badge-inner::after, .badges .corner-xs .product-badge-inner::after, .badges .corner-flip-x-xs .product-badge-inner::after{display:none;}
@keyframes premiumShine{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes premiumGlow{0%{filter:brightness(1) saturate(1);}100%{filter:brightness(1.2) saturate(1.3);}}
@keyframes premiumPulse{0%,100%{box-shadow:0 0 6px rgba(0,255,171,0.24),0 0 12px rgba(0,255,171,0.18),0 0 18px rgba(0,255,171,0.12),0 4px 20px rgba(0,0,0,0.3),inset 0 2px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);}50%{box-shadow:0 0 7.5px rgba(0,255,171,0.3),0 0 15px rgba(0,255,171,0.24),0 0 22.5px rgba(0,255,171,0.18),0 4px 20px rgba(0,0,0,0.3),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.2);}}
@keyframes premiumShineMove{0%{left:-120%;opacity:0;}10%{opacity:1;}50%{left:100%;opacity:1;}100%{left:100%;opacity:0;}}
@keyframes wavyFloat{0%,100%{transform:translateY(0px) scale(1.1);}25%{transform:translateY(-2px) scale(1.1);}50%{transform:translateY(-1px) scale(1.1);}75%{transform:translateY(-3px) scale(1.1);}}
@keyframes wavyMovement{0%,100%{transform:translateX(0px) translateY(0px);}25%{transform:translateX(1px) translateY(-1px);}50%{transform:translateX(-1px) translateY(1px);}75%{transform:translateX(1px) translateY(-1px);}}
.badges .product-badge-inner[style*="--badge-color-r"]{animation:customPremiumShine 4s ease-in-out infinite,customPremiumGlow 3s ease-in-out infinite alternate,customPremiumPulse 2s ease-in-out infinite;}
@keyframes customPremiumShine{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes customPremiumGlow{0%{filter:brightness(1) saturate(1);}100%{filter:brightness(1.2) saturate(1.3);}}
@keyframes customPremiumPulse{0%,100%{box-shadow:0 0 6px rgba(var(--badge-color-r),var(--badge-color-g),var(--badge-color-b),0.24),0 0 12px rgba(var(--badge-color-r),var(--badge-color-g),var(--badge-color-b),0.18),0 0 18px rgba(var(--badge-color-r),var(--badge-color-g),var(--badge-color-b),0.12),0 4px 20px rgba(0,0,0,0.3),inset 0 2px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);}50%{box-shadow:0 0 7.5px rgba(var(--badge-color-r),var(--badge-color-g),var(--badge-color-b),0.3),0 0 15px rgba(var(--badge-color-r),var(--badge-color-g),var(--badge-color-b),0.24),0 0 22.5px rgba(var(--badge-color-r),var(--badge-color-g),var(--badge-color-b),0.18),0 4px 20px rgba(0,0,0,0.3),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.2);}}
@media (max-width: 768px){.badges .corner-xs{transform:scale(1.2) !important;animation:none;}}
@media (max-width: 480px){.badges .corner-xs{transform:scale(1.2) !important;animation:none;}}
@media (prefers-reduced-motion: reduce){.badges .product-badge-inner, .badges .corner-xs .product-badge-inner{animation:none !important;}
.badges .product-badge-inner::after, .badges .corner-xs .product-badge-inner::after{animation:none !important;}}
.badges .bg-accent-500{border-radius:48px !important;position:relative;z-index:2;overflow:hidden !important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);text-shadow:0 1px 2px rgba(0,0,0,0.3);font-weight:700 !important;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 6px rgba(244,212,0,0.24),0 0 12px rgba(244,212,0,0.18),0 0 18px rgba(244,212,0,0.12),0 4px 20px rgba(0,0,0,0.3),inset 0 2px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);background:linear-gradient(135deg,rgba(255,235,59,1) 0%,rgba(244,212,0,1) 20%,rgba(255,243,120,1) 40%,rgba(244,212,0,1) 60%,rgba(255,235,59,1) 80%,rgba(244,212,0,1) 100%) !important;background-size:300% 300%;animation:premiumShine 4s ease-in-out infinite,premiumGlow 3s ease-in-out infinite alternate,premiumPulse 2s ease-in-out infinite;}
.component[data-component-id="product-page"] .badges .corner-xs{transform:scale(1.0) !important;transform-origin:left center !important;pointer-events:none !important;transition:none !important;}
.badges .bg-accent-500::after{content:'';position:absolute;top:-2px;left:-120%;width:120%;height:calc(100% + 4px);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.2) 20%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.2) 80%,transparent 100%);border-radius:48px;z-index:3;animation:premiumShineMove 3s ease-in-out infinite;transform:skewX(-20deg);pointer-events:none;}
.badges .corner-xs:not([data-color]) .product-badge-inner{background:linear-gradient(135deg,rgba(0,255,171,1) 0%,rgba(0,220,150,1) 20%,rgba(0,255,200,1) 40%,rgba(0,240,160,1) 60%,rgba(0,255,171,1) 80%,rgba(0,220,140,1) 100%) !important;}
.badges .product-badge-inner, .badges .bg-accent-500{color:rgba(0,0,0,0.9) !important;text-shadow:0 1px 2px rgba(255,255,255,0.3),0 0 4px rgba(255,255,255,0.2) !important;}
.badges .product-badge-inner, .badges .bg-accent-500{will-change:transform,box-shadow,filter;}
.badges .product-badge-inner::after, .badges .bg-accent-500::after{will-change:transform,opacity;}
.badges{z-index:10;}
.badges .corner-xs{z-index:11;}
.badges .product-badge-inner, .badges .bg-accent-500{z-index:12;}
.badges *{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
@keyframes textGlow{0%,100%{text-shadow:0 0 8px rgba(0,0,0,0.8),0 0 15px rgba(244,212,0,0.4),0 1px 0 rgba(255,255,255,0.3);}50%{text-shadow:0 0 12px rgba(0,0,0,1),0 0 25px rgba(244,212,0,0.6),0 0 35px rgba(255,235,59,0.4),0 1px 0 rgba(255,255,255,0.5);}}
nav[aria-label="Pagination Navigation"] span, nav[aria-label="Pagination Navigation"] a{border-radius:var(--radius-md,8px) !important;}
.product-card > a, .btn-primary, .btn-secondary, .feature-cards > *, a, button{transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .2s ease,background-color .2s ease,color .2s ease;}
::selection{background:rgba(var(--cl-accent),.35);color:#fff;}
*{scrollbar-width:thin;scrollbar-color:rgba(var(--cl-accent),.55) transparent;}
*::-webkit-scrollbar{width:9px;height:9px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:rgba(var(--cl-accent),.45);border-radius:10px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(var(--cl-accent),.75);}
h1, h2, h3{text-shadow:0 2px 20px rgba(0,0,0,.45);}
.product-card > a{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px -20px rgba(0,0,0,.75) !important;}
.product-card:hover > a{transform:translateY(-6px) !important;border-color:rgba(var(--cl-accent),.5) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 44px -22px rgba(0,0,0,.85),0 0 26px -6px rgba(var(--cl-accent),.45) !important;}
.btn-primary{box-shadow:0 10px 24px -12px rgba(var(--cl-accent),.85);}
.btn-primary:hover, .btn-secondary:hover{transform:translateY(-2px);}
.btn-primary:active, .btn-secondary:active{transform:translateY(0);}
.feature-cards > *:hover{transform:translateY(-4px);}
input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid rgba(var(--cl-accent),.6);outline-offset:2px;}
a:focus-visible, button:focus-visible{outline:2px solid rgba(var(--cl-accent),.7);outline-offset:2px;border-radius:6px;}
@media (prefers-reduced-motion: reduce){.product-card:hover > a, .btn-primary:hover, .btn-secondary:hover, .feature-cards > *:hover{transform:none !important;}}


/* ===== RESTORED: glitch text animation (data-glitch) from old version ===== */
/* EXCEPTION: Allow .glitch text effect to work (like "Buyers" and "Talk") */ .glitch:not(.glitch-btn){animation:inherit !important;-webkit-animation:inherit !important;-moz-animation:inherit !important;-o-animation:inherit !important;transform:inherit !important;clip-path:inherit !important;position:relative !important;overflow:inherit !important;}
.glitch:not(.glitch-btn)::before, .glitch:not(.glitch-btn)::after{display:block !important;content:attr(data-glitch) !important;}
/* EXCEPTION: Force animated-title to work - override all blocking rules */ .animated-title, .animated-title *, .animated-title .glitch, h1.animated-title, h1.animated-title *{animation:holographic 4s ease-in-out infinite,pulse 2s ease-in-out infinite !important;-webkit-animation:holographic 4s ease-in-out infinite,pulse 2s ease-in-out infinite !important;-moz-animation:holographic 4s ease-in-out infinite,pulse 2s ease-in-out infinite !important;-o-animation:holographic 4s ease-in-out infinite,pulse 2s ease-in-out infinite !important;transform:none !important;position:relative !important;overflow:visible !important;clip-path:none !important;color:#ffffff !important;filter:brightness(1.1) !important;}
/* Hide glitch pseudo-elements inside animated-title to avoid doubling */ .animated-title .glitch::before, .animated-title .glitch::after{display:none !important;content:none !important;}
@keyframes delete-glitch{0%,100%{transform:translate(0) !important;opacity:1 !important;}10%{transform:translate(-2px,-1px) !important;opacity:0.9 !important;}20%{transform:translate(2px,1px) !important;opacity:0.8 !important;}30%{transform:translate(-1px,2px) !important;opacity:0.9 !important;}40%{transform:translate(1px,-2px) !important;opacity:1 !important;}50%{transform:translate(-2px,1px) !important;opacity:0.8 !important;}60%{transform:translate(2px,-1px) !important;opacity:0.9 !important;}70%{transform:translate(-1px,-2px) !important;opacity:1 !important;}80%{transform:translate(1px,2px) !important;opacity:0.9 !important;}90%{transform:translate(-2px,-1px) !important;opacity:0.8 !important;}}
/* CUSTOM GLITCH TEXT: Style "it works" to match cyber purple theme */ .glitch[data-glitch="it works"]{background:rgba(0,0,0,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:2px solid rgba(139,92,246,0.8) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.3),inset 0 1px 0 rgba(139,92,246,0.1) !important;transition:all var(--transition-smooth) !important;padding:4px 12px !important;border-radius:8px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative !important;display:inline-block !important;animation:none !important;color:#a855f7 !important;text-shadow:0 0 25px rgba(139,92,246,0.8),0 2px 4px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.7) !important;filter:drop-shadow(0 0 20px rgba(139,92,246,0.5)) drop-shadow(0 4px 8px rgba(0,0,0,0.4)) !important;transform:none !important;will-change:auto !important;}
.glitch[data-glitch="it works"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(139,92,246,1) !important;box-shadow:0 15px 60px rgba(0,0,0,0.7),0 0 30px rgba(139,92,246,0.6),0 0 50px rgba(139,92,246,0.4),inset 0 1px 0 rgba(139,92,246,0.3) !important;transform:none !important;text-shadow:0 0 30px rgba(139,92,246,1),0 2px 4px rgba(0,0,0,0.7),2px 2px 8px rgba(0,0,0,0.8) !important;filter:drop-shadow(0 0 25px rgba(139,92,246,0.7)) drop-shadow(0 4px 8px rgba(0,0,0,0.6)) !important;}
/* Disable glitch animation for "it works" text specifically */ .glitch[data-glitch="it works"]::before, .glitch[data-glitch="it works"]::after{display:none !important;animation:none !important;}
/* EXACT MATCH: Apply stats card glass effect to "Talk" text in stats section - CYBER PURPLE */ .component[data-component-id*="stats"] .glitch[data-glitch="Talk"]{background:rgba(0,0,0,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:2px solid rgba(139,92,246,0.8) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.3),inset 0 1px 0 rgba(139,92,246,0.1) !important;transition:all var(--transition-smooth) !important;padding:4px 12px !important;border-radius:8px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative !important;display:inline-block !important;animation:none !important;color:#a855f7 !important;text-shadow:0 0 25px rgba(139,92,246,0.8),0 2px 4px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.7) !important;filter:drop-shadow(0 0 20px rgba(139,92,246,0.5)) drop-shadow(0 4px 8px rgba(0,0,0,0.4)) !important;transform:none !important;will-change:auto !important;}
.component[data-component-id*="stats"] .glitch[data-glitch="Talk"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(139,92,246,1) !important;box-shadow:0 15px 60px rgba(0,0,0,0.7),0 0 30px rgba(139,92,246,0.6),0 0 50px rgba(139,92,246,0.4),inset 0 1px 0 rgba(139,92,246,0.3) !important;transform:none !important;text-shadow:0 0 30px rgba(139,92,246,1),0 2px 4px rgba(0,0,0,0.7),2px 2px 8px rgba(0,0,0,0.8) !important;filter:drop-shadow(0 0 25px rgba(139,92,246,0.7)) drop-shadow(0 4px 8px rgba(0,0,0,0.6)) !important;}
/* Disable glitch animation for Talk in stats section specifically */ .component[data-component-id*="stats"] .glitch[data-glitch="Talk"]::before, .component[data-component-id*="stats"] .glitch[data-glitch="Talk"]::after{display:none !important;animation:none !important;}
/* EXACT MATCH: Apply "Talk" styling to "Asked Questions" in FAQ components - CYBER PURPLE */ .component[data-component-id*="faq"] .glitch[data-glitch="Asked Questions"]{background:rgba(0,0,0,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:2px solid rgba(139,92,246,0.8) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.3),inset 0 1px 0 rgba(139,92,246,0.1) !important;transition:all var(--transition-smooth) !important;padding:4px 12px !important;border-radius:8px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative !important;display:inline-block !important;animation:none !important;color:#a855f7 !important;text-shadow:0 0 25px rgba(139,92,246,0.8),0 2px 4px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.7) !important;filter:drop-shadow(0 0 20px rgba(139,92,246,0.5)) drop-shadow(0 4px 8px rgba(0,0,0,0.4)) !important;transform:none !important;will-change:auto !important;}
.component[data-component-id*="faq"] .glitch[data-glitch="Asked Questions"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(139,92,246,1) !important;box-shadow:0 15px 60px rgba(0,0,0,0.7),0 0 30px rgba(139,92,246,0.6),0 0 50px rgba(139,92,246,0.4),inset 0 1px 0 rgba(139,92,246,0.3) !important;transform:none !important;text-shadow:0 0 30px rgba(139,92,246,1),0 2px 4px rgba(0,0,0,0.7),2px 2px 8px rgba(0,0,0,0.8) !important;filter:drop-shadow(0 0 25px rgba(139,92,246,0.7)) drop-shadow(0 4px 8px rgba(0,0,0,0.6)) !important;}
/* Disable glitch animation for Asked Questions in FAQ section specifically */ .component[data-component-id*="faq"] .glitch[data-glitch="Asked Questions"]::before, .component[data-component-id*="faq"] .glitch[data-glitch="Asked Questions"]::after{display:none !important;animation:none !important;}
/* EXACT MATCH: Apply "Talk" styling to "our Socials" in Socials components - CYBER PURPLE */ .component[data-component-id*="socials"] .glitch[data-glitch="our Socials"]{background:rgba(0,0,0,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:2px solid rgba(139,92,246,0.8) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.3),inset 0 1px 0 rgba(139,92,246,0.1) !important;transition:all var(--transition-smooth) !important;padding:4px 12px !important;border-radius:8px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative !important;display:inline-block !important;animation:none !important;color:#a855f7 !important;text-shadow:0 0 25px rgba(139,92,246,0.8),0 2px 4px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.7) !important;filter:drop-shadow(0 0 20px rgba(139,92,246,0.5)) drop-shadow(0 4px 8px rgba(0,0,0,0.4)) !important;transform:none !important;will-change:auto !important;}
.component[data-component-id*="socials"] .glitch[data-glitch="our Socials"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(139,92,246,1) !important;box-shadow:0 15px 60px rgba(0,0,0,0.7),0 0 30px rgba(139,92,246,0.6),0 0 50px rgba(139,92,246,0.4),inset 0 1px 0 rgba(139,92,246,0.3) !important;transform:none !important;text-shadow:0 0 30px rgba(139,92,246,1),0 2px 4px rgba(0,0,0,0.7),2px 2px 8px rgba(0,0,0,0.8) !important;filter:drop-shadow(0 0 25px rgba(139,92,246,0.7)) drop-shadow(0 4px 8px rgba(0,0,0,0.6)) !important;}
/* Disable glitch animation for our Socials in Socials section specifically */ .component[data-component-id*="socials"] .glitch[data-glitch="our Socials"]::before, .component[data-component-id*="socials"] .glitch[data-glitch="our Socials"]::after{display:none !important;animation:none !important;}
/* EXACT MATCH: Apply purple glass effect to "Reviews" text in feedback page - CYBER PURPLE THEME */ .component[data-component-id="feedback-page"] .glitch[data-glitch="Reviews"]{background:rgba(0,0,0,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:2px solid rgba(139,92,246,0.8) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.3),inset 0 1px 0 rgba(139,92,246,0.1) !important;transition:all var(--transition-smooth) !important;padding:4px 12px !important;border-radius:8px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative !important;display:inline-block !important;animation:none !important;color:#a855f7 !important;text-shadow:0 0 25px rgba(139,92,246,0.8),0 2px 4px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.7) !important;filter:drop-shadow(0 0 20px rgba(139,92,246,0.5)) drop-shadow(0 4px 8px rgba(0,0,0,0.4)) !important;transform:none !important;will-change:auto !important;}
.component[data-component-id="feedback-page"] .glitch[data-glitch="Reviews"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(139,92,246,1) !important;box-shadow:0 15px 60px rgba(0,0,0,0.7),0 0 30px rgba(139,92,246,0.6),0 0 50px rgba(139,92,246,0.4),inset 0 1px 0 rgba(139,92,246,0.3) !important;transform:none !important;text-shadow:0 0 30px rgba(139,92,246,1),0 2px 4px rgba(0,0,0,0.7),2px 2px 8px rgba(0,0,0,0.8) !important;filter:drop-shadow(0 0 25px rgba(139,92,246,0.7)) drop-shadow(0 4px 8px rgba(0,0,0,0.6)) !important;}
/* Disable glitch animation for Reviews in feedback page specifically */ .component[data-component-id="feedback-page"] .glitch[data-glitch="Reviews"]::before, .component[data-component-id="feedback-page"] .glitch[data-glitch="Reviews"]::after{display:none !important;animation:none !important;}
/* EXACT MATCH: Apply purple glass effect to "Status" text - CYBER PURPLE THEME */ .component[data-component-id="status-page"] .glitch[data-glitch="Status"]{background:rgba(0,0,0,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:2px solid rgba(139,92,246,0.8) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.3),inset 0 1px 0 rgba(139,92,246,0.1) !important;transition:all var(--transition-smooth) !important;padding:4px 12px !important;border-radius:8px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative !important;display:inline-block !important;animation:none !important;color:#a855f7 !important;text-shadow:0 0 25px rgba(139,92,246,0.8),0 2px 4px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.7) !important;filter:drop-shadow(0 0 20px rgba(139,92,246,0.5)) drop-shadow(0 4px 8px rgba(0,0,0,0.4)) !important;transform:none !important;will-change:auto !important;}
.component[data-component-id="status-page"] .glitch[data-glitch="Status"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(139,92,246,1) !important;box-shadow:0 15px 60px rgba(0,0,0,0.7),0 0 30px rgba(139,92,246,0.6),0 0 50px rgba(139,92,246,0.4),inset 0 1px 0 rgba(139,92,246,0.3) !important;transform:none !important;text-shadow:0 0 30px rgba(139,92,246,1),0 2px 4px rgba(0,0,0,0.7),2px 2px 8px rgba(0,0,0,0.8) !important;filter:drop-shadow(0 0 25px rgba(139,92,246,0.7)) drop-shadow(0 4px 8px rgba(0,0,0,0.6)) !important;}
/* Disable glitch animation for Status in status page specifically */ .component[data-component-id="status-page"] .glitch[data-glitch="Status"]::before, .component[data-component-id="status-page"] .glitch[data-glitch="Status"]::after{display:none !important;animation:none !important;}
/* Apply purple glass effect to "Cart" text - CYBER PURPLE THEME */ .component[data-component-id="cart-page"] .glitch[data-glitch="Cart"]{background:rgba(0,0,0,0.3) !important;backdrop-filter:var(--blur-light) !important;-webkit-backdrop-filter:var(--blur-light) !important;border:2px solid rgba(139,92,246,0.8) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.3),0 0 40px rgba(139,92,246,0.2),inset 0 1px 0 rgba(255,255,255,0.2) !important;border-radius:var(--radius-md) !important;padding:8px 16px !important;position:relative !important;color:#a855f7 !important;text-shadow:0 0 15px rgba(139,92,246,0.7) !important;font-weight:700 !important;letter-spacing:0.5px !important;overflow:hidden !important;transition:all 0.3s cubic-bezier(0.4,0.0,0.2,1) !important;}
.component[data-component-id="cart-page"] .glitch[data-glitch="Cart"]:hover{background:rgba(0,0,0,0.4) !important;border-color:rgba(139,92,246,1) !important;box-shadow:0 15px 50px rgba(0,0,0,0.6),0 0 30px rgba(139,92,246,0.5),0 0 60px rgba(139,92,246,0.3),inset 0 1px 0 rgba(255,255,255,0.3) !important;text-shadow:0 0 25px rgba(139,92,246,0.9) !important;transform:translateY(-2px) !important;}
.component[data-component-id="cart-page"] .glitch[data-glitch="Cart"]::before, .component[data-component-id="cart-page"] .glitch[data-glitch="Cart"]::after{color:#a855f7 !important;content:attr(data-glitch) !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:-1 !important;}
.component[data-component-id="cart-page"] .glitch[data-glitch="Cart"]::before{animation:glitch-1 0.5s infinite ease-in-out alternate-reverse !important;}
.component[data-component-id="cart-page"] .glitch[data-glitch="Cart"]::after{animation:glitch-2 0.5s infinite ease-in-out alternate-reverse !important;}
@keyframes glitch-2{0%{clip-path:inset(98% 0 0 0);transform:translateX(2px);filter:hue-rotate(180deg);}10%{clip-path:inset(80% 0 15% 0);transform:translateX(-2px);}20%{clip-path:inset(70% 0 25% 0);transform:translateX(2px);}30%{clip-path:inset(60% 0 35% 0);transform:translateX(-2px);}40%{clip-path:inset(50% 0 45% 0);transform:translateX(2px);}50%{clip-path:inset(40% 0 55% 0);transform:translateX(-2px);}60%{clip-path:inset(30% 0 65% 0);transform:translateX(2px);}70%{clip-path:inset(20% 0 75% 0);transform:translateX(-2px);}80%{clip-path:inset(10% 0 85% 0);transform:translateX(2px);}90%{clip-path:inset(2% 0 95% 0);transform:translateX(-2px);}100%{clip-path:inset(0 0 98% 0);transform:translateX(2px);filter:hue-rotate(190deg);}}