@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Bebas+Neue:wght@400&family=Roboto+Condensed:wght@300;400;700&display=swap");:root{--primary-color:#ff3366;--secondary-color:#33ff66;--accent-color:#ffff33;--neon-blue:#3366ff;--neon-purple:#9933ff;--bg-dark:#0d0d0d;--bg-darker:#000000;--bg-card:#1a1a1a;--text-primary:#ffffff;--text-secondary:#cccccc;--text-muted:#888888;--border-color:#333333;--success-color:#33ff66;--error-color:#ff3366;--warning-color:#ffff33}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto Condensed", sans-serif;background:var(--bg-darker);color:var(--text-primary);line-height:1.4;overflow-x:hidden;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:none;font-family:"Bebas Neue", cursive;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;position:relative;overflow:hidden;transform:skew(-5deg)}.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}.btn:hover::before{left:100%}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--neon-purple));color:white;box-shadow:0 5px 15px rgba(255, 51, 102, 0.4)}.btn-primary:hover{transform:skew(-5deg) translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(255, 51, 102, 0.6)}.btn-secondary{background:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color)}.btn-secondary:hover{background:var(--secondary-color);color:var(--bg-dark);transform:skew(-5deg) translateY(-3px)}.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:10px 20px;font-size:1rem;transform:skew(-3deg)}.btn-large{padding:20px 40px;font-size:1.4rem}.btn-small{padding:8px 16px;font-size:1rem}.btn-full{width:100%}.header{position:sticky;top:0;z-index:1000;overflow:hidden}.home-link{text-decoration:none}.header-skew{background:var(--bg-dark);transform:skewY(-2deg);transform-origin:top left;padding:20px 0 40px;border-bottom:3px solid var(--primary-color)}.navbar{transform:skewY(2deg);padding:3rem 4rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:15px}.logo-stack{display:flex;flex-direction:column;line-height:0.8}.logo-main{font-family:"Permanent Marker", cursive;font-size:2rem;color:var(--primary-color);transform:rotate(-2deg)}.logo-sub{font-family:"Bebas Neue", cursive;font-size:1.5rem;color:var(--secondary-color);transform:rotate(1deg);margin-left:10px}.logo-accent{font-family:"Bebas Neue", cursive;font-size:1.2rem;color:var(--accent-color);transform:rotate(-1deg);margin-left:20px}.logo-skateboard{font-size:2rem;animation:logoSpin 4s linear infinite}@keyframes logoSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nav-menu{display:flex;gap:40px}.nav-link{position:relative;text-decoration:none;color:var(--text-secondary);transition:all 0.3s ease}.nav-text{font-family:"Bebas Neue", cursive;font-size:1.3rem;letter-spacing:2px}.nav-underline{position:absolute;bottom:-5px;left:0;width:0;height:3px;background:var(--primary-color);transition:width 0.3s ease;transform:skew(-15deg)}.nav-link.active .nav-underline,.nav-link:hover .nav-underline{width:100%}.nav-link.active,.nav-link:hover{color:var(--primary-color)}.nav-actions{display:flex;align-items:center;gap:20px}.cart-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease}.cart-wheel{position:relative;width:40px;height:40px;border:3px solid var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes wheelSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cart-count{font-family:"Bebas Neue", cursive;font-size:1.2rem;color:var(--secondary-color)}.cart-text{font-family:"Bebas Neue", cursive;font-size:0.9rem;margin-top:5px;letter-spacing:1px}.mobile-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:4px}.mobile-toggle span{width:25px;height:3px;background:var(--primary-color);transition:all 0.3s ease;transform-origin:center}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:4rem}.hero-ramp{position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient( 135deg, transparent 0%, var(--bg-card) 30%, var(--bg-dark) 100% );transform:skewX(-15deg);transform-origin:top right}.hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-left{position:relative}.hero-badge{display:inline-flex;align-items:center;background:var(--accent-color);color:var(--bg-dark);padding:10px 20px;font-family:"Bebas Neue", cursive;font-size:1rem;letter-spacing:2px;margin-bottom:30px;transform:rotate(-2deg);position:relative}.badge-arrow{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:10px solid var(--accent-color);border-top:10px solid transparent;border-bottom:10px solid transparent}.hero-title{font-size:5rem;line-height:0.8;margin-bottom:30px;position:relative}.title-stack{display:flex;flex-direction:column}.title-line{display:block;position:relative}.title-1{color:var(--text-secondary);transform:translateX(-20px);animation:slideInLeft 1s ease-out 0.2s forwards;opacity:0}.title-2{color:var(--primary-color);transform:translateX(-40px);animation:slideInLeft 1s ease-out 0.4s forwards;opacity:0;font-size:6rem}.title-3{color:var(--secondary-color);transform:translateX(-60px);animation:slideInLeft 1s ease-out 0.6s forwards;opacity:0}.hero-description{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:40px;animation:fadeInUp 1s ease-out 1s forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:20px;flex-wrap:wrap}.btn-trail{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 90deg, transparent, var(--accent-color), transparent );opacity:0;animation:trailEffect 2s ease-in-out infinite}@keyframes trailEffect{0%,100%{opacity:0;transform:translateX(-100%)}50%{opacity:0.3;transform:translateX(100%)}}.hero-right{position:relative}.hero-image-container{position:relative}.hero-image-container img{opacity:0;transform:translateX(50px);animation:fadeInRight 1s ease-out 0.6s forwards}@keyframes fadeInRight{to{opacity:1;transform:translateX(0)}}.image-frame{position:relative;overflow:hidden;border:5px solid var(--primary-color);transform:rotate(-3deg)}.hero-img{width:100%;object-fit:cover;transition:transform 0.3s ease}.image-frame:hover .hero-img{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 45deg, rgba(255, 51, 102, 0.2), rgba(51, 255, 102, 0.2) );opacity:0;transition:opacity 0.3s ease}.image-frame:hover .image-overlay{opacity:1}.floating-stats{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.stat-bubble{position:absolute;background:var(--bg-card);border:2px solid var(--secondary-color);padding:15px;text-align:center;transform:rotate(5deg);animation:floatBubble 3s ease-in-out infinite}.stat-1{top:20px;right:-20px;animation-delay:0s}.stat-2{bottom:100px;left:-30px;animation-delay:-1s}.stat-3{bottom:20px;right:20px;animation-delay:-2s}@keyframes floatBubble{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}.stat-number{display:block;font-family:"Bebas Neue", cursive;font-size:1.5rem;color:var(--primary-color)}.stat-label{display:block;font-size:0.8rem;color:var(--text-muted);letter-spacing:1px}.hero-skateboard{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:1}.skateboard-trail{position:absolute;width:200px;height:3px;background:linear-gradient( 90deg, transparent, var(--accent-color), transparent );top:50%;left:-100px;animation:trailMove 2s ease-in-out infinite}@keyframes trailMove{0%,100%{opacity:0;transform:translateX(-50px)}50%{opacity:1;transform:translateX(50px)}}.skateboard{font-size:3rem;animation:skateboardFloat 4s ease-in-out infinite}@keyframes skateboardFloat{0%,100%{transform:rotate(0deg) translateY(0)}25%{transform:rotate(5deg) translateY(-5px)}75%{transform:rotate(-5deg) translateY(5px)}}.trust-section{padding:80px 0;position:relative;overflow:hidden}.trust-skew{background:var(--bg-card);transform:skewY(2deg);padding:2rem;border-top:3px solid var(--secondary-color);border-bottom:3px solid var(--secondary-color)}.trust-container{max-width:1200px;margin:0 auto;padding:0 20px;transform:skewY(-2deg)}.trust-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px}.trust-item{text-align:center;padding:30px 20px;background:var(--bg-darker);border:2px solid var(--border-color);transition:all 0.3s ease;transform:rotate(-2deg)}.trust-item:nth-child(even){transform:rotate(2deg)}.trust-item:hover{transform:rotate(0deg) scale(1.05);border-color:var(--primary-color);box-shadow:0 10px 30px rgba(255, 51, 102, 0.3)}.trust-icon{font-size:3rem;margin-bottom:20px;display:block}.trust-icon span{color:var(--primary-color);font-size:4rem}.trust-item h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:15px;line-height:1.2}.trust-item p{color:var(--text-muted);font-size:0.9rem;letter-spacing:1px}.categories{padding:3rem;position:relative}.categories-header{text-align:center;margin-bottom:80px}.title-main{color:var(--primary-color);display:block}.title-sub{color:var(--secondary-color);display:block;margin-left:50px}.categories-layout{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1.5fr;grid-template-rows:1fr 1fr;gap:30px;height:600px}.category-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, var(--primary-color) 0%, transparent 50%);opacity:0.1}.category-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}.category-icon{font-size:4rem;margin-bottom:20px}.category-count{background:var(--accent-color);color:var(--bg-dark);padding:10px 20px;font-family:"Bebas Neue", cursive;font-size:1.2rem;letter-spacing:2px;display:inline-block;transform:rotate(-5deg)}.category-corner{position:absolute;top:0;right:0;width:0;height:0;border-left:50px solid transparent;border-top:50px solid var(--secondary-color)}.category-stack{display:flex;flex-direction:column;gap:30px}.category-small{background:var(--bg-card);border:2px solid var(--secondary-color);padding:30px;cursor:pointer;transition:all 0.3s ease;transform:rotate(2deg);position:relative}.category-small:hover{transform:rotate(0deg) scale(1.05);border-color:var(--primary-color)}.category-small .category-icon{font-size:2.5rem;margin-bottom:15px}.category-small h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:10px}.category-small p{color:var(--text-muted);font-size:0.9rem;margin-bottom:15px}.category-small .category-count{font-size:1rem;padding:5px 15px}.category-medium{background:var(--bg-card);border:3px solid var(--neon-blue);padding:40px;cursor:pointer;transition:all 0.3s ease;transform:rotate(-2deg);position:relative}.category-medium:hover{transform:rotate(0deg) scale(1.02);box-shadow:0 15px 30px rgba(51, 102, 255, 0.3)}.category-medium .category-icon{font-size:3rem;margin-bottom:20px}.category-medium h3{font-size:2rem;color:var(--text-primary);margin-bottom:15px;line-height:0.9}.category-medium p{color:var(--text-secondary);margin-bottom:20px}.category-tape{position:absolute;top:20px;right:-10px;width:60px;height:20px;background:rgba(255, 255, 255, 0.2);transform:rotate(15deg)}.featured-products{padding:3rem;position:relative}.featured-header{text-align:center;margin-bottom:80px}.title-graffiti{color:var(--primary-color);font-family:"Permanent Marker", cursive;transform:rotate(-3deg);display:inline-block;margin-right:20px}.title-clean{color:var(--secondary-color);display:inline-block}.products-scatter{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:40px;position:relative}.featured-cta{text-align:center;margin-top:60px}.hot-deals{padding:3rem;position:relative;background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-dark) 100%);overflow:hidden}.deals-ramp{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(45deg, var(--primary-color) 0%, transparent 70%);transform:skewX(15deg);opacity:0.1}.deals-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:2}.deals-header{text-align:center;margin-bottom:80px}.fire-emoji{display:block;margin-bottom:20px}.fire-emoji span{color:var(--primary-color);display:inline-block;animation:fireFlicker 2s ease-in-out infinite;font-size:4rem}@keyframes fireFlicker{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.countdown-container{margin-top:40px}.countdown-timer{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.time-unit{background:var(--bg-darker);border:2px solid var(--accent-color);padding:20px;text-align:center;transform:skew(-5deg)}.time-number{display:block;font-family:"Bebas Neue", cursive;font-size:3rem;color:var(--accent-color);line-height:1}.time-label{display:block;font-size:0.9rem;color:var(--text-muted);letter-spacing:1px;margin-top:5px}.time-separator{font-size:3rem;color:var(--primary-color);display:flex;align-items:center;font-family:"Bebas Neue", cursive}.deals-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px}.deal-featured{background:var(--bg-card);border:3px solid var(--primary-color);overflow:hidden;position:relative;transform:rotate(-1deg);transition:all 0.3s ease}.deal-featured:hover{transform:rotate(0deg) scale(1.02);box-shadow:0 20px 40px rgba(255, 51, 102, 0.4)}.deal-badge{position:absolute;top:20px;right:20px;background:var(--accent-color);color:var(--bg-dark);padding:10px 20px;font-family:"Bebas Neue", cursive;font-size:1.2rem;letter-spacing:2px;transform:rotate(15deg);z-index:3}.deal-image-container{position:relative;overflow:hidden}.deal-image{width:100%;height:250px;object-fit:cover;transition:transform 0.3s ease}.deal-featured:hover .deal-image{transform:scale(1.1)}.deal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 45deg, rgba(255, 51, 102, 0.3), rgba(255, 255, 51, 0.3) );opacity:0;transition:opacity 0.3s ease}.deal-featured:hover .deal-overlay{opacity:1}.deal-info{padding:30px}.deal-featured h3{font-size:2.5rem;color:var(--text-primary);margin-bottom:15px;line-height:0.9}.deal-featured p{color:var(--text-secondary);margin-bottom:20px;line-height:1.4}.deal-prices{display:flex;align-items:center;gap:15px;margin-bottom:25px}.original-price{font-family:"Bebas Neue", cursive;font-size:1.5rem;color:var(--text-muted);text-decoration:line-through}.deal-price{font-family:"Bebas Neue", cursive;font-size:2.5rem;color:var(--primary-color)}.deals-side{display:flex;flex-direction:column;gap:30px}.deal-small{background:var(--bg-card);border:2px solid var(--secondary-color);overflow:hidden;position:relative;transform:rotate(2deg);transition:all 0.3s ease}.deal-small:hover{transform:rotate(0deg) scale(1.05);border-color:var(--primary-color)}.deal-small .deal-image{height:120px}.deal-small .deal-info{padding:20px}.deal-small h3{font-size:1.3rem;color:var(--text-primary);margin-bottom:15px}.deal-small .deal-prices{margin-bottom:15px}.deal-small .original-price{font-size:1.2rem}.deal-small .deal-price{font-size:1.8rem}.why-choose{padding:3rem;position:relative}.why-split{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-left{position:relative}.why-image-stack{position:relative;transform:rotate(-3deg)}.why-img-main{width:100%;height:500px;object-fit:cover;border:5px solid var(--secondary-color)}.why-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 45deg, rgba(51, 255, 102, 0.2), rgba(51, 102, 255, 0.2) );opacity:0.3}.achievement-float{position:absolute;bottom:-30px;right:0;background:var(--bg-card);border:3px solid var(--accent-color);padding:20px;text-align:center;transform:rotate(10deg);animation:achievementFloat 3s ease-in-out infinite}@keyframes achievementFloat{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(5deg) translateY(-10px)}}.achievement-number{display:block;font-family:"Bebas Neue", cursive;font-size:3rem;color:var(--primary-color);line-height:1}.achievement-stars{display:block;color:var(--accent-color);font-size:1.2rem;margin:5px 0}.achievement-label{display:block;font-size:0.9rem;color:var(--text-muted);letter-spacing:1px}.why-right{position:relative}.title-question{color:var(--text-secondary);display:block}.title-brand{color:var(--primary-color);display:block;margin-left:30px}.features-diagonal{display:flex;flex-direction:column;gap:30px;margin-top:40px}.feature-item{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--bg-card);border-left:4px solid var(--secondary-color);transform:skew(-2deg);transition:all 0.3s ease}.feature-item:nth-child(even){transform:skew(2deg);margin-left:40px}.feature-item:hover{transform:skew(0deg);border-left-color:var(--primary-color);box-shadow:0 10px 30px rgba(255, 51, 102, 0.2)}.feature-icon{font-size:2.5rem;flex-shrink:0}.feature-icon span{color:var(--primary-color);display:inline-block}.feature-item:hover .feature-icon span{color:var(--secondary-color)}.feature-content h4{color:var(--text-primary);margin-bottom:10px;font-size:1.3rem}.feature-content p{color:var(--text-secondary);line-height:1.4;font-size:0.95rem}.testimonials{padding:120px 0;position:relative;background:var(--bg-card)}.testimonials-header{text-align:center;margin-bottom:80px}.testimonials-polaroid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}.testimonial-card{background:white;padding:20px 20px 40px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);position:relative;transition:all 0.3s ease}.polaroid-1{transform:rotate(-5deg)}.polaroid-2{transform:rotate(3deg)}.polaroid-3{transform:rotate(-2deg)}.testimonial-card:hover{transform:rotate(0deg) scale(1.05);box-shadow:0 20px 50px rgba(0, 0, 0, 0.4)}.polaroid-photo{margin-bottom:20px}.testimonial-avatar{width:100%;height:200px;object-fit:cover}.polaroid-content{color:var(--bg-dark)}.stars{color:var(--accent-color);font-size:1.2rem;margin-bottom:15px}.polaroid-content p{font-family:"Roboto Condensed", sans-serif;font-size:0.95rem;line-height:1.4;margin-bottom:20px;color:var(--bg-darker)}.testimonial-author h4{font-family:"Bebas Neue", cursive;font-size:1.2rem;color:var(--bg-dark);margin-bottom:5px}.testimonial-author span{font-size:0.9rem;color:var(--text-muted);letter-spacing:1px}.polaroid-tape{position:absolute;top:-10px;right:20px;width:60px;height:20px;background:rgba(255, 255, 255, 0.7);transform:rotate(15deg);box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}.latest-blog{padding:3rem;position:relative}.blog-header{text-align:center;margin-bottom:80px}.title-news{color:var(--primary-color);font-family:"Permanent Marker", cursive;transform:rotate(-2deg);display:inline-block;margin-right:20px}.title-skate{color:var(--secondary-color);display:inline-block}.blog-newspaper{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-bottom:60px}.blog-main{position:relative}.blog-featured{background:var(--bg-card);border:3px solid var(--primary-color);overflow:hidden;transform:rotate(-1deg);transition:all 0.3s ease}.blog-featured:hover{transform:rotate(0deg) scale(1.02);box-shadow:0 20px 40px rgba(255, 51, 102, 0.3)}.blog-image{width:100%;height:250px;object-fit:cover;transition:transform 0.3s ease}.blog-featured:hover .blog-image{transform:scale(1.1)}.blog-content{padding:30px}.blog-meta{display:flex;gap:20px;margin-bottom:20px;font-size:0.9rem}.blog-category,.blog-date{color:var(--text-muted);font-family:"Bebas Neue", cursive;letter-spacing:1px}.blog-category{color:var(--primary-color)}.blog-featured h3{font-size:2rem;margin-bottom:15px;line-height:1.2}.blog-featured h3 a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease}.blog-featured h3 a:hover{color:var(--primary-color)}.blog-featured p{color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.blog-sidebar{display:flex;flex-direction:column;gap:30px}.blog-small{background:var(--bg-card);border:2px solid var(--secondary-color);overflow:hidden;transform:rotate(2deg);transition:all 0.3s ease}.blog-small:hover{transform:rotate(0deg) scale(1.05);border-color:var(--primary-color)}.blog-small .blog-image{height:120px}.blog-small .blog-content{padding:20px}.blog-small h4{font-size:1.2rem;margin-bottom:10px;line-height:1.3}.blog-small h4 a{color:var(--text-primary);text-decoration:none}.blog-small h4 a:hover{color:var(--secondary-color)}.read-more{color:var(--primary-color);font-family:"Bebas Neue", cursive;font-size:1.1rem;letter-spacing:1px;text-decoration:none;transition:all 0.3s ease}.read-more:hover{color:var(--secondary-color);transform:translateX(10px)}.blog-cta{text-align:center;margin-top:60px}.community-stats{padding:4rem;position:relative;background:var(--bg-card)}.stats-header{text-align:center;margin-bottom:80px}.title-join{color:var(--text-secondary);display:block}.title-community{color:var(--primary-color);display:block;margin-left:40px}.stats-circle{max-width:800px;margin:0 auto;position:relative;height:600px}.stat-item{position:absolute;width:200px;height:200px;background:var(--bg-darker);border:3px solid var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;animation:statFloat 4s ease-in-out infinite}.stat-circle-1{top:0;left:0;animation-delay:0s}.stat-circle-2{top:0;right:0;animation-delay:-1s}.stat-circle-3{bottom:0;left:0;animation-delay:-2s}.stat-circle-4{bottom:0;right:0;animation-delay:-3s}@keyframes statFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.stat-item:hover{transform:scale(1.1);border-color:var(--primary-color);box-shadow:0 15px 40px rgba(255, 51, 102, 0.4)}.stat-content{text-align:center}.stat-icon{font-size:2.5rem;margin-bottom:10px;display:block}.stat-icon span{display:inline-block;font-size:3rem}.stat-number{font-family:"Bebas Neue", cursive;font-size:2.5rem;color:var(--primary-color);display:block;line-height:1}.stat-label{font-size:0.9rem;color:var(--text-muted);letter-spacing:1px;margin-top:5px;display:block}.newsletter-benefits{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.benefit{color:rgba(255, 255, 255, 0.9);font-family:"Bebas Neue", cursive;letter-spacing:1px;font-size:1.1rem}@media (max-width: 480px){.hero-title{font-size:2.5rem}.trust-grid{grid-template-columns:1fr}.deals-side{flex-direction:column}.stats-circle{height:300px}.stat-item{width:120px;height:120px}.stat-number{font-size:2rem}}.loading{text-align:center;padding:60px;color:var(--text-muted);font-family:"Bebas Neue", cursive;font-size:1.5rem;letter-spacing:2px}.loading::after{content:"";display:inline-block;width:30px;height:30px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-left:20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.notification{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--success-color);color:var(--bg-dark);padding:20px 40px;z-index:10000;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:300px;max-width:90vw;text-align:center;font-family:"Bebas Neue", cursive;font-size:1.2rem;letter-spacing:2px;transform:skew(-2deg) translateX(-50%) translateY(-100%);border:3px solid var(--bg-dark)}.notification.show{transform:skew(-2deg) translateX(-50%) translateY(0)}.notification.error{background:var(--error-color);color:white}.notification.warning{background:var(--warning-color);color:var(--bg-dark)}.notification.success{background:var(--success-color);color:var(--bg-dark)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.hidden{display:none}.visible{display:block}.form-section{display:flex;flex-direction:column;gap:1rem}#checkoutForm{display:flex;flex-direction:column;gap:3rem}.payment-details{display:flex;flex-direction:column;gap:1rem}.graffiti-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.spray-paint{position:absolute;border-radius:50%;opacity:0.1;animation:spraySpin 20s linear infinite}.spray-1{width:200px;height:200px;background:radial-gradient(circle, var(--primary-color) 0%, transparent 70%);top:10%;left:5%;animation-delay:0s}.spray-2{width:150px;height:150px;background:radial-gradient( circle, var(--secondary-color) 0%, transparent 70% );top:60%;right:10%;animation-delay:-7s}.spray-3{width:100px;height:100px;background:radial-gradient(circle, var(--accent-color) 0%, transparent 70%);bottom:20%;left:20%;animation-delay:-14s}@keyframes spraySpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}.tape-strip{position:absolute;background:rgba(255, 255, 255, 0.1);transform:rotate(-15deg);opacity:0.3}.tape-1{width:300px;height:30px;top:30%;right:-50px}.tape-2{width:200px;height:25px;bottom:40%;left:-30px;transform:rotate(25deg)}h1,h2,h3,h4,h5,h6{font-family:"Bebas Neue", cursive;font-weight:400;text-transform:uppercase;letter-spacing:2px}.section-title{font-size:4rem;line-height:0.9;margin-bottom:2rem}.section-subtitle{font-family:"Roboto Condensed", sans-serif;font-size:1.1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.page-header-skate{min-height:55vh;position:relative;display:flex;align-items:center;overflow:hidden}.header-ramp{position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient( 135deg, transparent 0%, var(--bg-card) 30%, var(--bg-dark) 100% );transform:skewX(-15deg);transform-origin:top right}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.header-left{position:relative}.page-title{font-size:5rem;line-height:0.8;margin-bottom:30px;position:relative}.title-stack{display:flex;flex-direction:column}.title-line{display:block;position:relative}.title-1{color:var(--text-secondary);transform:translateX(-20px);animation:slideInLeft 1s ease-out 0.2s forwards;opacity:0}.title-2{color:var(--primary-color);transform:translateX(-40px);animation:slideInLeft 1s ease-out 0.4s forwards;opacity:0;font-size:6rem}.title-3{color:var(--secondary-color);transform:translateX(-60px);animation:slideInLeft 1s ease-out 0.6s forwards;opacity:0}.title-emphasis{position:absolute;right:62%;top:90%;transform:translateY(-50%) rotate(15deg);font-family:"Permanent Marker", cursive;font-size:3rem;color:var(--accent-color);animation:fadeInRotate 1s ease-out 0.8s forwards;opacity:0}.title-emphasis span{font-size:4rem;font-weight:bold}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}@keyframes fadeInRotate{to{opacity:1;transform:translateY(-50%) rotate(-15deg)}}.page-description{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;animation:fadeInUp 1s ease-out 1s forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.header-right{position:relative}.header-skateboard{position:relative;animation:fadeInRight 1s ease-out 0.6s forwards;opacity:0;transform:translateX(50px)}@keyframes fadeInRight{to{opacity:1;transform:translateX(0)}}.skateboard-spin{font-size:5rem;text-align:center}@keyframes skateboardSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:0.5rem;font-family:"Bebas Neue", cursive;font-size:1.1rem;letter-spacing:1px;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.75rem;border:2px solid var(--border-color);background:var(--bg-dark);color:var(--text-primary);font-family:"Roboto Condensed", sans-serif;font-size:1rem;transition:all 0.3s ease;transform:skew(-1deg)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px rgba(255, 51, 102, 0.3);transform:skew(0deg)}.form-group input.error{border-color:var(--error-color);box-shadow:0 0 10px rgba(255, 51, 102, 0.5)}.input-error{color:var(--error-color);font-size:0.9rem;margin-top:0.25rem;font-family:"Bebas Neue", cursive;letter-spacing:1px}.checkbox-label{display:flex;align-items:center;gap:0.75rem;cursor:pointer;font-family:"Roboto Condensed", sans-serif;font-size:0.95rem}.checkbox-label input[type="checkbox"]{width:auto;margin:0}.checkmark{width:20px;height:20px;border:2px solid var(--border-color);background:var(--bg-dark);position:relative;transform:skew(-5deg)}.checkbox-label input[type="checkbox"]:checked + .checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type="checkbox"]:checked + .checkmark::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) skew(5deg);color:white;font-weight:bold}.auth-section{padding:3rem 0;min-height:80vh;display:flex;align-items:center}.auth-split{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.auth-form{background:var(--bg-card);padding:3rem;border:3px solid var(--primary-color);transform:rotate(-1deg);position:relative}.auth-form::before{content:"";position:absolute;top:-10px;right:-10px;width:100%;height:100%;background:var(--bg-darker);border:3px solid var(--secondary-color);z-index:-1;transform:rotate(2deg)}.form-header{text-align:center;margin-bottom:2rem}.form-header h1{margin-bottom:1rem}.auth-footer{text-align:center;margin-top:2rem}.auth-footer a{color:var(--primary-color);text-decoration:none;font-family:"Bebas Neue", cursive;letter-spacing:1px}.auth-footer a:hover{color:var(--secondary-color)}.auth-benefits{background:var(--bg-card);padding:2rem;border:2px solid var(--secondary-color);transform:rotate(1deg)}.benefit-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-darker);border-left:4px solid var(--primary-color);transform:skew(-2deg)}.benefit-icon{font-size:2rem;flex-shrink:0}.benefit-item h4{color:var(--text-primary);margin-bottom:0.5rem;font-size:1.2rem}.benefit-item p{color:var(--text-secondary);font-size:0.95rem}.confirmation-message{text-align:center;padding:3rem;background:var(--bg-card);border:3px solid var(--success-color);transform:rotate(-1deg)}.success-icon{font-size:4rem;color:var(--success-color);margin-bottom:1rem}.bonus-info{background:var(--bg-darker);padding:1.5rem;margin:2rem 0;border:2px solid var(--accent-color);transform:skew(-2deg)}.bonus-info h3{color:var(--accent-color);margin-bottom:0.5rem}.contact-section{padding:3rem}.contact-split{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-form{background:var(--bg-card);padding:2rem;border:3px solid var(--primary-color);transform:rotate(-1deg)}.contact-info{padding:2rem 0}.contact-method{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border-left:4px solid var(--secondary-color);transform:skew(-2deg)}.contact-icon{font-size:2rem;flex-shrink:0}.contact-icon span{color:var(--primary-color);font-size:2rem}.contact-details h3{margin-bottom:0.5rem;color:var(--text-primary)}.contact-details p{margin-bottom:0.25rem;color:var(--primary-color);font-weight:600;font-family:"Bebas Neue", cursive;letter-spacing:2px}.contact-details small{color:var(--text-muted);font-family:"Roboto Condensed", sans-serif}.faq-section{margin-top:2rem}.faq-item{margin-bottom:1.5rem;padding:1rem;background:var(--bg-darker);border-left:4px solid var(--accent-color);transform:skew(-1deg)}.faq-item h4{margin-bottom:0.5rem;color:var(--text-primary);font-size:1rem}.faq-item p{color:var(--text-secondary);font-size:0.9rem}.blog-section{padding:3rem 0}.blog-newspaper{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:4rem}.blog-featured{background:var(--bg-card);border:3px solid var(--primary-color);overflow:hidden;transform:rotate(-1deg);transition:all 0.3s ease}.blog-featured:hover{transform:rotate(0deg) scale(1.02);box-shadow:0 20px 40px rgba(255, 51, 102, 0.3)}.blog-image{width:100%;height:250px;object-fit:cover;transition:transform 0.3s ease}.blog-featured:hover .blog-image{transform:scale(1.1)}.blog-content{padding:2rem}.blog-meta{display:flex;gap:20px;margin-bottom:1rem;font-size:0.9rem}.blog-author,.blog-category,.blog-date{color:var(--text-muted);font-family:"Bebas Neue", cursive;letter-spacing:1px}.blog-category{color:var(--primary-color)}.blog-featured h2{font-size:2rem;margin-bottom:1rem;line-height:1.2}.blog-featured h2 a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease}.blog-featured h2 a:hover{color:var(--primary-color)}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.blog-small{background:var(--bg-card);border:2px solid var(--secondary-color);overflow:hidden;transform:rotate(2deg);transition:all 0.3s ease}.blog-small:hover{transform:rotate(0deg) scale(1.05);border-color:var(--primary-color)}.blog-small .blog-image{height:120px}.blog-small .blog-content{padding:1rem}.blog-small h4{font-size:1.2rem;margin-bottom:0.5rem;line-height:1.3}.blog-small h4 a{color:var(--text-primary);text-decoration:none}.blog-small h4 a:hover{color:var(--secondary-color)}.blog-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}.blog-card{background:var(--bg-card);border:2px solid var(--border-color);overflow:hidden;transition:all 0.3s ease;transform:rotate(-1deg)}.blog-card:hover{transform:rotate(0deg) scale(1.05);border-color:var(--primary-color);box-shadow:0 15px 30px rgba(255, 51, 102, 0.3)}.blog-card .blog-image{height:200px}.blog-card h3{font-size:1.5rem;margin-bottom:1rem;line-height:1.2}.blog-card h3 a{color:var(--text-primary);text-decoration:none}.blog-card h3 a:hover{color:var(--primary-color)}.read-more{color:var(--primary-color);font-family:"Bebas Neue", cursive;font-size:1.2rem;letter-spacing:1px;text-decoration:none;transition:all 0.3s ease}.read-more:hover{color:var(--secondary-color);transform:translateX(10px)}.blog-cta{text-align:center;margin-top:4rem}.legal-section{padding:3rem 0}.legal-split{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:4rem}.legal-main{background:var(--bg-card);padding:3rem;border:3px solid var(--primary-color);transform:rotate(-0.5deg)}.legal-intro{margin-bottom:3rem}.lead{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.legal-section-block{margin-bottom:3rem;padding:2rem;background:var(--bg-darker);border-left:4px solid var(--secondary-color);transform:skew(-1deg)}.legal-section-block h2{margin-bottom:1.5rem}.legal-section-block h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.legal-section-block ul{margin-left:1.5rem;margin-bottom:1rem}.legal-section-block li{margin-bottom:0.5rem;color:var(--text-secondary)}.cookie-category,.skating-cookie-item{margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border:2px solid var(--border-color);transform:skew(-1deg)}.cookie-info h4,.skating-cookie-item h4{color:var(--accent-color);margin-bottom:1rem}.cookie-status{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;font-family:"Bebas Neue", cursive;letter-spacing:1px}.status-indicator{font-size:1.2rem}.essential .status-indicator{color:var(--success-color)}.optional .status-indicator{color:var(--warning-color)}.legal-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-widget{background:var(--bg-card);padding:2rem;border:2px solid var(--secondary-color);transform:rotate(1deg)}.sidebar-widget h3{margin-bottom:1rem;color:var(--primary-color)}.legal-nav{list-style:none}.legal-nav li{margin-bottom:0.5rem}.legal-nav a{color:var(--text-secondary);text-decoration:none;font-family:"Bebas Neue", cursive;letter-spacing:1px;transition:color 0.3s ease}.legal-nav a:hover{color:var(--primary-color)}.related-links{display:flex;flex-direction:column;gap:1rem}.related-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-darker);text-decoration:none;transition:all 0.3s ease;transform:skew(-2deg)}.related-link:hover{background:var(--bg-dark);transform:skew(0deg)}.link-icon{font-size:1.5rem}.related-link h4{color:var(--text-primary);margin-bottom:0.25rem;font-size:1rem}.related-link p{color:var(--text-muted);font-size:0.9rem}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color);text-align:center;color:var(--text-muted);font-family:"Bebas Neue", cursive;letter-spacing:1px}.cart-section,.checkout-section{padding:3rem 0}.cart-split,.checkout-split{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:4rem}.cart-items-container{background:var(--bg-card);padding:2rem;border:3px solid var(--primary-color);transform:rotate(-1deg)}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-darker);border-left:4px solid var(--secondary-color);transform:skew(-1deg)}.cart-item-img{width:80px;height:80px;object-fit:cover;border:2px solid var(--border-color)}.cart-item-info{flex:1}.cart-item-name{font-family:"Bebas Neue", cursive;font-size:1.2rem;color:var(--text-primary);margin-bottom:0.5rem}.cart-item-price{color:var(--primary-color);font-family:"Bebas Neue", cursive;font-size:1.1rem}.cart-item-controls{display:flex;align-items:center;gap:0.5rem}.quantity-btn{background:var(--primary-color);color:white;border:none;width:30px;height:30px;cursor:pointer;font-family:"Bebas Neue", cursive;font-size:1rem}.quantity-display{padding:0.5rem;background:var(--bg-dark);color:var(--text-primary);font-family:"Bebas Neue", cursive;min-width:40px;text-align:center}.quantity-input{width:250px;height:48px;padding:12px 20px;background:#eaf6fb;border:2px solid #2366a3;font-size:1.1rem;color:#2c3e50;clip-path:polygon(12% 0%, 97% 0%, 90% 100%, 4% 100%);text-indent:50%}.remove-btn{background:var(--error-color);color:white;border:none;padding:0.5rem;cursor:pointer;font-family:"Bebas Neue", cursive;letter-spacing:1px}.empty-cart{text-align:center;padding:4rem 2rem}.empty-cart-content{background:var(--bg-card);padding:3rem;border:3px solid var(--secondary-color);transform:rotate(-2deg);display: flex; flex-direction: column; gap: 1rem;}.empty-skateboard{font-size:5rem;margin-bottom:2rem;animation:skateboardSpin 4s linear infinite}.cart-summary,.order-summary{background:var(--bg-card);padding:2rem;border:2px solid var(--secondary-color);transform:rotate(1deg);height:fit-content}.summary-card{background:var(--bg-darker);padding:2rem;border-left:4px solid var(--primary-color);transform:skew(-2deg);display:flex;flex-direction:column;gap:1rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-family:"Bebas Neue", cursive;letter-spacing:1px}.summary-row.total{border-top:2px solid var(--border-color);padding-top:1rem;font-size:1.2rem;color:var(--primary-color)}.filters-section{padding:2rem 0;background:var(--bg-card)}.filters-skew{background:var(--bg-dark);transform:skewY(2deg);padding:2rem 0;border-top:3px solid var(--secondary-color);border-bottom:3px solid var(--secondary-color)}.filters-container{max-width:1200px;margin:0 auto;padding:0 20px;transform:skewY(-2deg)}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:2rem}.category-filters{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.filter-btn{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);padding:0.75rem 1.5rem;font-family:"Bebas Neue", cursive;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;transform:skew(-3deg)}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);transform:skew(-3deg) translateY(-2px)}.sort-options select{background:var(--bg-dark);color:var(--text-primary);border:2px solid var(--border-color);padding:0.75rem;font-family:"Bebas Neue", cursive;letter-spacing:1px;transform:skew(-2deg)}.products-section{padding:3rem 0}.products-container{max-width:1200px;margin:0 auto;padding:0 20px}.products-scatter{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;position:relative}.product-card{background:var(--bg-card);border:2px solid var(--border-color);overflow:hidden;transition:all 0.3s ease;cursor:pointer;transform:rotate(-1deg)}.product-card:nth-child(even){transform:rotate(1deg)}.product-card:hover{transform:rotate(0deg) scale(1.05);border-color:var(--primary-color);box-shadow:0 20px 40px rgba(255, 51, 102, 0.3);z-index:10}.product-image{width:100%;height:200px;object-fit:cover;transition:transform 0.3s ease}.product-card:hover .product-image{transform:scale(1.1)}.product-info{padding:1.5rem}.product-title{font-family:"Bebas Neue", cursive;font-size:1.3rem;color:var(--text-primary);margin-bottom:0.5rem;line-height:1.2}.product-description{color:var(--text-muted);margin-bottom:1rem;font-size:0.95rem;line-height:1.4}.product-price{font-family:"Bebas Neue", cursive;font-size:1.8rem;color:var(--primary-color);margin-bottom:1rem}.btn-add-cart{width:100%;background:linear-gradient(135deg, var(--secondary-color), var(--neon-blue));color:var(--bg-dark);border:none;padding:12px 20px;font-family:"Bebas Neue", cursive;font-size:1.1rem;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;transform:skew(-3deg)}.btn-add-cart:hover{transform:skew(-3deg) translateY(-2px) scale(1.05);box-shadow:0 8px 20px rgba(51, 255, 102, 0.4)}.newsletter{padding:120px 0;position:relative;background:linear-gradient( 135deg, var(--primary-color) 0%, var(--neon-purple) 100% );overflow:hidden}.newsletter-wall{max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.newsletter-content{text-align:center;position:relative;z-index:2}.newsletter-title{font-size:4rem;line-height:0.9;margin-bottom:30px}.title-stay{color:white;display:block;transform:rotate(-2deg)}.title-loop{color:var(--accent-color);display:block;transform:rotate(1deg);margin-left:50px}.newsletter-description{color:rgba(255, 255, 255, 0.9);font-size:1.2rem;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-form{margin-bottom:40px}.form-container{display:flex;max-width:500px;margin:0 auto;gap:20px;background:rgba(255, 255, 255, 0.1);padding:10px;border-radius:0;transform:skew(-2deg)}.form-container input{flex:1;padding:15px 20px;border:none;background:rgba(255, 255, 255, 0.9);color:var(--bg-dark);font-family:"Roboto Condensed", sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.form-container input::placeholder{color:var(--text-muted)}.form-container button{background:var(--bg-dark);color:var(--primary-color);border:none;padding:15px 25px;font-family:"Bebas Neue", cursive;font-size:1.2rem;letter-spacing:2px;cursor:pointer;transition:all 0.3s ease;transform:skew(0deg)}.form-container button:hover{background:var(--bg-darker);transform:skew(0deg) scale(1.05)}.newsletter-graffiti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.graffiti-element{position:absolute;font-family:"Permanent Marker", cursive;opacity:0.1;animation:graffitiFloat 8s ease-in-out infinite}.graffiti-1{top:20%;left:10%;font-size:4rem;animation-delay:0s}.graffiti-2{top:10%;right:15%;font-size:3rem;animation-delay:-2s}.graffiti-3{bottom:30%;left:20%;font-size:2.5rem;animation-delay:-4s}.graffiti-4{bottom:20%;right:10%;font-size:3.5rem;animation-delay:-6s}@keyframes graffitiFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.footer{background:var(--bg-darker);position:relative;overflow:hidden}.footer-skew{background:var(--bg-dark);transform:skewY(-2deg);transform-origin:top left;padding:80px 0 40px;border-top:3px solid var(--primary-color)}.footer-container{max-width:1200px;margin:0 auto;padding:2rem;transform:skewY(2deg);display:grid;grid-template-columns:2fr 3fr;gap:60px}.footer-main{position:relative}.footer-brand h3{font-family:"Permanent Marker", cursive;font-size:2.5rem;color:var(--primary-color);margin-bottom:20px;transform:rotate(-2deg)}.logo-stack h3{font-family:"Permanent Marker", cursive;font-size:2.5rem;color:var(--primary-color);margin-bottom:20px;transform:rotate(-2deg)}.footer-brand p{color:var(--text-secondary);margin-bottom:30px;line-height:1.6}.social-links{display:flex;gap:20px}.social-link{background:var(--bg-card);color:var(--text-primary);padding:12px 20px;text-decoration:none;font-family:"Bebas Neue", cursive;letter-spacing:1px;transform:skew(-5deg);transition:all 0.3s ease;border:2px solid transparent}.social-link:hover{background:var(--primary-color);color:var(--bg-dark);transform:skew(-5deg) translateY(-3px);border-color:var(--primary-color)}.footer-links{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}.footer-section h4{color:var(--secondary-color);margin-bottom:20px;font-size:1.5rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:10px}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:all 0.3s ease;font-family:"Bebas Neue", cursive;letter-spacing:1px}.footer-section a:hover{color:var(--primary-color);transform:translateX(5px)}.footer-section a.active{color:var(--primary-color)}.footer-section p{color:var(--text-secondary);margin-bottom:10px;font-family:"Bebas Neue", cursive;letter-spacing:1px}.trust-badges{margin-top:20px}.trust-badge{display:flex;gap:4px;align-items:center;color:var(--success-color);font-family:"Bebas Neue", cursive;font-size:0.9rem;letter-spacing:1px;margin-bottom:5px}.footer-bottom{background:var(--bg-darker);text-align:center;padding:20px 0;color:var(--text-muted);font-family:"Bebas Neue", cursive;letter-spacing:1px}.cookie-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);display:none;align-items:center;justify-content:center;z-index:10000}.cookie-modal-content{background:var(--bg-card);border:3px solid var(--primary-color);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;transform:rotate(-1deg)}.cookie-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--border-color)}.cookie-modal-header h2{color:var(--primary-color);margin:0}.cookie-modal-close{background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.cookie-modal-body{padding:2rem}.cookie-preference-item{margin-bottom:2rem;padding:1.5rem;background:var(--bg-darker);border-left:4px solid var(--secondary-color);transform:skew(-1deg)}.preference-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preference-header h4{color:var(--text-primary);margin:0}.preference-toggle{display:flex;align-items:center;gap:0.5rem}.toggle-label{font-family:"Bebas Neue", cursive;letter-spacing:1px;color:var(--text-muted)}.cookie-modal-footer{display:flex;gap:1rem;padding:2rem;border-top:2px solid var(--border-color);justify-content:center}.cookie-popup{position:fixed;bottom:30px;left:30px;right:30px;max-width:500px;margin:0 auto;background:var(--bg-card);border:3px solid var(--primary-color);padding:30px;z-index:10000;transform:rotate(-1deg) scale(0.8);box-shadow:0 15px 40px rgba(0, 0, 0, 0.5);opacity:0;transition:all 0.3s ease}.cookie-skate{font-size:3rem;text-align:center;margin-bottom:20px;animation:cookieSpin 3s linear infinite}@keyframes cookieSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cookie-content p{color:var(--text-secondary);margin-bottom:25px;line-height:1.6;text-align:center}.cookie-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.notification{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--success-color);color:var(--bg-dark);padding:20px 40px;z-index:10000;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:300px;max-width:90vw;text-align:center;font-family:"Bebas Neue", cursive;font-size:1.2rem;letter-spacing:2px;transform:skew(-2deg) translateX(-50%) translateY(-100%);border:3px solid var(--bg-dark)}.notification.show{transform:skew(-2deg) translateX(-50%) translateY(0)}.notification.error{background:var(--error-color);color:white}.notification.warning{background:var(--warning-color);color:var(--bg-dark)}.notification.success{background:var(--success-color);color:var(--bg-dark)}.loading{text-align:center;padding:60px;color:var(--text-muted);font-family:"Bebas Neue", cursive;font-size:1.5rem;letter-spacing:2px}.loading::after{content:"";display:inline-block;width:30px;height:30px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-left:20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.floating-skateboard{animation:floatAcross 15s linear infinite}@keyframes floatAcross{0%{transform:translateX(-100px) rotate(0deg);opacity:0.1}10%{opacity:0.3}90%{opacity:0.3}100%{transform:translateX(calc(100vw + 100px)) rotate(360deg);opacity:0.1}}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:5px}.password-toggle:hover{color:var(--text-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.hidden{display:none}.visible{display:block}@media (max-width: 1024px){.header-content{grid-template-columns:1fr;gap:40px;text-align:center;padding:3rem}.hero-content{grid-template-columns:1fr}.navbar{padding-inline:1rem}.mobile-toggle{display:flex !important}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:3px solid var(--primary-color);flex-direction:column;padding:30px;gap:20px;transform:skewY(0deg)}.page-title{font-size:4rem}.auth-form{padding:6rem}.auth-split,.cart-split,.checkout-split,.contact-split,.legal-split{grid-template-columns:1fr;gap:2rem}.blog-newspaper{grid-template-columns:1fr;gap:2rem}.footer-container{grid-template-columns:1fr;gap:40px}.categories-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;height:auto}.deals-layout{grid-template-columns:1fr;gap:30px}.why-split{grid-template-columns:1fr;gap:60px}.stat-item{width:250px;height:250px}.nav-actions{justify-content:center}}@media (max-width: 768px){.nav-container{flex-direction:column}.mobile-toggle{display:flex;z-index:1001}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.nav-menu.active{display:flex}.page-title{font-size:3rem}.section-title{font-size:3rem}.filter-bar{flex-direction:column;gap:1rem}.category-filters{flex-wrap:wrap;justify-content:center}.products-scatter{grid-template-columns:1fr}.form-container{flex-direction:column;gap:15px}.footer-links{grid-template-columns:1fr;gap:30px}.cookie-buttons{flex-direction:column}.hero-title{font-size:3rem}.trust-grid{grid-template-columns:repeat(2, 1fr);gap:20px}.categories-layout{grid-template-columns:1fr;height:auto}.category-stack{grid-column:1}.category-medium{grid-column:1}.deals-side{flex-direction:row;gap:20px}.feature-item:nth-child(even){margin-left:0}.newsletter-benefits{flex-direction:column;gap:15px}.nav-actions{width:100%}}@media (max-width: 480px){.page-title{font-size:2.5rem}.title-emphasis{right:48%}.section-title{font-size:2.5rem}.notification{left:15px;right:15px;transform:skew(-2deg) translateY(-100%);min-width:auto}.notification.show{transform:skew(-2deg) translateY(0)}.cookie-popup{left:15px;right:15px;bottom:15px}.auth-form,.contact-form,.legal-main{padding:2rem}.form-row{grid-template-columns:1fr}}.blog-sxl-container{max-width:1200px;margin:0 auto;padding:2rem}.blog-sxl-header{background:linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);padding:4rem 0;text-align:center;position:relative;overflow:hidden}.blog-sxl-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( circle at 50% 50%, rgba(255, 107, 53, 0.1) 0%, transparent 70% );pointer-events:none}.blog-sxl-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient( 135deg, var(--primary-color), var(--accent-color) );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.blog-sxl-subtitle{font-size:1.2rem;color:var(--text-secondary);position:relative;z-index:1}.blog-sxl-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;padding:4rem 0}.blog-sxl-card{background:var(--bg-card);border-radius:16px;overflow:hidden;transition:all 0.3s ease;border:1px solid var(--border-color);position:relative}.blog-sxl-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(255, 107, 53, 0.2);border-color:var(--primary-color)}.blog-sxl-image{width:100%;height:250px;object-fit:cover;transition:transform 0.3s ease}.blog-sxl-card:hover .blog-sxl-image{transform:scale(1.05)}.blog-sxl-content{padding:2rem}.blog-sxl-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:0.9rem}.blog-sxl-date{color:var(--primary-color);font-weight:600}.blog-sxl-category{background:var(--primary-color);color:white;padding:4px 12px;border-radius:20px;font-size:0.8rem;font-weight:600}.blog-sxl-card-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);line-height:1.3}.blog-sxl-card-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.blog-sxl-card-title a:hover{color:var(--primary-color)}.blog-sxl-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.blog-sxl-read-more{display:inline-flex;align-items:center;gap:0.5rem;color:var(--primary-color);font-weight:600;text-decoration:none;transition:all 0.3s ease}.blog-sxl-read-more:hover{color:var(--secondary-color);transform:translateX(4px)}.blog-sxl-post{padding:4rem 0}.blog-sxl-post-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--primary-color)}.blog-sxl-post-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient( 135deg, var(--primary-color), var(--accent-color) );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.blog-sxl-post-meta{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.blog-sxl-post-meta span{color:var(--text-secondary);font-size:0.9rem}.blog-sxl-post-meta .blog-sxl-date{color:var(--primary-color);font-weight:600}.blog-sxl-post-image{width:100%;max-width:800px;height:400px;object-fit:cover;border-radius:16px;margin:0 auto 3rem;display:block;box-shadow:0 20px 40px rgba(0, 0, 0, 0.3)}.blog-sxl-post-content{max-width:800px;margin:0 auto;line-height:1.8}.blog-sxl-post-content h2{font-size:2rem;color:var(--primary-color);margin:2.5rem 0 1.5rem;font-weight:700}.blog-sxl-post-content h3{font-size:1.5rem;color:var(--secondary-color);margin:2rem 0 1rem;font-weight:600}.blog-sxl-post-content h4{font-size:1.2rem;color:var(--text-primary);margin:1.5rem 0 0.5rem;font-weight:600}.blog-sxl-post-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.blog-sxl-post-content ol,.blog-sxl-post-content ul{color:var(--text-secondary);margin-bottom:1.5rem;padding-left:2rem}.blog-sxl-post-content li{margin-bottom:0.5rem;line-height:1.6}.blog-sxl-post-content strong{color:var(--text-primary);font-weight:600}.blog-sxl-highlight{background:linear-gradient( 135deg, rgba(255, 107, 53, 0.1), rgba(247, 147, 30, 0.05) );padding:1.5rem;border-radius:12px;border-left:4px solid var(--primary-color);margin:2rem 0}.blog-sxl-highlight p{color:var(--text-primary);margin:0;font-weight:500}.blog-sxl-code-block{background:var(--bg-darker);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);margin:2rem 0;overflow-x:auto}.blog-sxl-code-block code{color:var(--accent-color);font-family:"Courier New", monospace;font-size:0.9rem;line-height:1.4}.blog-sxl-tips{background:var(--bg-card);padding:2rem;border-radius:16px;border:1px solid var(--border-color);margin:2rem 0}.blog-sxl-tips h4{color:var(--primary-color);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.blog-sxl-tips ul{margin:0}.blog-sxl-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.blog-sxl-nav-link{display:flex;align-items:center;gap:0.5rem;color:var(--primary-color);text-decoration:none;font-weight:600;transition:all 0.3s ease}.blog-sxl-nav-link:hover{color:var(--secondary-color);transform:translateX(-4px)}.blog-sxl-nav-link.next:hover{transform:translateX(4px)}@media (max-width: 768px){.auth-form{padding:2rem}.blog-sxl-title{font-size:2rem}.blog-sxl-grid{grid-template-columns:1fr;padding:2rem 0}.blog-sxl-post-title{font-size:1.8rem}.blog-sxl-post-meta{flex-direction:column;gap:0.5rem}.blog-sxl-post-image{height:250px}.blog-sxl-navigation{flex-direction:column;gap:1rem}.menu-open header{height:500px}}