*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#e01414;--red2:#ff2a2a;--dark:#0a0a0a;--dark2:#111111;
  --dark3:#1a1a1a;--gray:#888;--light:#f5f5f5;--white:#ffffff;
}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--white);font-family:'Rajdhani',sans-serif;overflow-x:hidden}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--dark2)}
::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}
a{color:inherit;text-decoration:none}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:72px;background:rgba(10,10,10,0.97);border-bottom:2px solid rgba(224,20,20,0.4);backdrop-filter:blur(16px)}
.nav-logo{display:flex;align-items:center;gap:0px;text-decoration:none}
.nav-logo img{height:56px;width:auto;object-fit:contain}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{color:var(--gray);font-weight:600;font-size:0.9rem;letter-spacing:1px;text-transform:uppercase;transition:color 0.2s;padding:4px 0;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--white);border-bottom-color:var(--red)}
.nav-social{display:flex;gap:12px;align-items:center}
.nav-social a{color:var(--gray);font-size:1.2rem;transition:color 0.2s;text-decoration:none}
.nav-social a:hover{color:var(--red)}
.nav-cta{background:var(--red);color:var(--white);border:none;padding:10px 22px;font-family:'Rajdhani',sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background 0.2s;margin-left:12px}
.nav-cta:hover{background:var(--red2)}

/* HERO */
.hero{margin-top:72px;min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0a 0%,#1a0303 50%,#0a0a0a 100%)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 50%,rgba(224,20,20,0.1) 0%,transparent 70%)}
.hero-content{position:relative;z-index:2;padding:0 5%;max-width:640px}
.hero-eyebrow{font-size:0.75rem;letter-spacing:5px;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:10px}
.hero-eyebrow::before{content:'';display:block;width:36px;height:2px;background:var(--red)}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,7vw,6.5rem);line-height:0.92;letter-spacing:2px;margin-bottom:1.2rem}
.hero h1 span{color:var(--red)}
.hero-desc{font-size:1.05rem;color:#aaa;line-height:1.7;margin-bottom:2rem;max-width:500px}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.btn-primary{background:var(--red);color:var(--white);border:none;padding:14px 36px;font-family:'Rajdhani',sans-serif;font-size:0.95rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background 0.2s,transform 0.2s;display:inline-block}
.btn-primary:hover{background:var(--red2);transform:translateY(-2px)}
.btn-secondary{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.25);padding:14px 36px;font-family:'Rajdhani',sans-serif;font-size:0.95rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.2s}
.btn-secondary:hover{border-color:var(--red);color:var(--red)}
.hero-badges{display:flex;gap:16px;flex-wrap:wrap}
.hero-badge{display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--gray);letter-spacing:1px}
.hero-badge::before{content:'✓';color:var(--red);font-weight:700}
.hero-stats{position:absolute;right:5%;bottom:18%;z-index:2;display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;line-height:1;color:var(--white);letter-spacing:2px}
.stat-num span{color:var(--red)}
.stat-label{font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gray)}
.hero-diagonal{position:absolute;bottom:0;left:0;right:0;height:70px;background:var(--dark);clip-path:polygon(0 100%,100% 0,100% 100%)}

/* SECTIONS */
section{padding:90px 5%}
.section-header{text-align:center;margin-bottom:50px}
.section-eyebrow{font-size:0.75rem;letter-spacing:5px;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:0.6rem;display:inline-flex;align-items:center;gap:10px}
.section-eyebrow::before,.section-eyebrow::after{content:'';display:block;width:28px;height:1px;background:var(--red)}
.section-header h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);letter-spacing:2px}
.section-header p{color:var(--gray);font-size:0.95rem;margin-top:0.4rem}

/* FILTER */
.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:45px}
.filter-tab{background:transparent;border:1px solid rgba(255,255,255,0.12);color:var(--gray);padding:8px 20px;font-family:'Rajdhani',sans-serif;font-size:0.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.2s;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.filter-tab:hover,.filter-tab.active{background:var(--red);border-color:var(--red);color:var(--white)}

/* PRODUCT GRID */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.product-card{background:var(--dark2);border:1px solid rgba(255,255,255,0.06);overflow:hidden;transition:transform 0.3s,border-color 0.3s;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.product-card:hover{transform:translateY(-5px);border-color:rgba(224,20,20,0.35)}
.card-img-wrap{position:relative;overflow:hidden;height:255px;background:#111}
.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;display:block}
.product-card:hover .card-img-wrap img{transform:scale(1.05)}
.cat-badge{position:absolute;top:12px;left:12px;background:rgba(224,20,20,0.92);color:var(--white);font-size:0.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.card-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s}
.product-card:hover .card-overlay{opacity:1}
.btn-quick{background:var(--white);color:var(--dark);border:none;padding:10px 22px;font-family:'Rajdhani',sans-serif;font-size:0.82rem;font-weight:700;letter-spacing:1px;cursor:pointer;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);transition:background 0.2s}
.btn-quick:hover{background:var(--red);color:var(--white)}
.card-body{padding:18px}
.card-body h3{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:1px;margin-bottom:5px}
.card-body h3 a{color:var(--white)}
.card-short{color:var(--gray);font-size:0.85rem;line-height:1.4;margin-bottom:10px}
.card-features{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.card-features span{font-size:0.65rem;color:var(--red);letter-spacing:1px;border:1px solid rgba(224,20,20,0.3);padding:3px 8px}
.btn-quote{width:100%;background:transparent;border:1px solid rgba(224,20,20,0.45);color:var(--red);padding:10px;font-family:'Rajdhani',sans-serif;font-size:0.82rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.2s}
.btn-quote:hover{background:var(--red);color:var(--white);border-color:var(--red)}

/* PRODUCT DETAIL */
.product-detail{background:var(--dark2);border-top:1px solid rgba(255,255,255,0.04);display:none;padding:60px 5%}
.product-detail.open{display:block}
.detail-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;max-width:1100px;margin:0 auto;align-items:start}
.detail-img img{width:100%;height:auto;object-fit:cover;border:1px solid rgba(255,255,255,0.08)}
.breadcrumb{font-size:0.8rem;color:var(--gray);margin-bottom:10px}
.breadcrumb a{color:var(--gray)}
.breadcrumb a:hover{color:var(--red)}
.cat-badge-sm{font-size:0.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);border:1px solid rgba(224,20,20,0.4);padding:3px 10px;display:inline-block;margin-bottom:10px}
.detail-content h2{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;letter-spacing:2px;margin-bottom:14px}
.detail-desc{color:#bbb;font-size:0.95rem;line-height:1.7;margin-bottom:20px}
.detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.spec-item{background:var(--dark);border:1px solid rgba(255,255,255,0.06);padding:10px 14px;font-size:0.82rem;color:var(--gray)}
.spec-item strong{color:var(--white)}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.btn-whatsapp{background:#25d366;color:var(--white);padding:14px 28px;font-family:'Rajdhani',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:opacity 0.2s;display:inline-block}
.btn-whatsapp:hover{opacity:0.85}
.related-links{font-size:0.82rem;color:var(--gray)}
.related-links a{color:var(--red);margin-left:8px;text-decoration:underline}

/* WHY US */
.why-us{background:var(--dark2)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;margin-top:50px}
.feature{padding:28px 22px;border:1px solid rgba(255,255,255,0.06);border-top:3px solid var(--red);background:var(--dark);transition:transform 0.3s}
.feature:hover{transform:translateY(-4px)}
.feature-icon{font-size:2.2rem;margin-bottom:14px}
.feature h4{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:1px;margin-bottom:6px}
.feature p{color:var(--gray);font-size:0.88rem;line-height:1.6}

/* BLOG */
.blog{background:var(--dark)}
.blog-post{max-width:900px;margin:0 auto;background:var(--dark2);border:1px solid rgba(255,255,255,0.06);padding:40px;border-top:3px solid var(--red)}
.blog-post h3{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:2px;margin-bottom:16px;color:var(--white)}
.blog-post p{color:#aaa;font-size:0.95rem;line-height:1.8;margin-bottom:14px}
.blog-post a{color:var(--red);text-decoration:underline}

/* CONTACT */
.contact{background:var(--dark3)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1100px;margin:0 auto}
.contact-info h3{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;letter-spacing:2px;margin-bottom:1rem}
.contact-info p{color:var(--gray);line-height:1.7;margin-bottom:1.5rem;font-size:0.95rem}
.contact-detail{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.contact-icon{width:38px;height:38px;background:rgba(224,20,20,0.15);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.contact-detail a{color:var(--white);transition:color 0.2s}
.contact-detail a:hover{color:var(--red)}
.contact-social{display:flex;gap:14px;margin-top:20px}
.social-btn{display:flex;align-items:center;gap:8px;background:var(--dark2);border:1px solid rgba(255,255,255,0.1);padding:10px 18px;font-size:0.85rem;font-weight:600;color:var(--gray);transition:all 0.2s;text-decoration:none}
.social-btn:hover{border-color:var(--red);color:var(--red)}
.contact-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:var(--dark);border:1px solid rgba(255,255,255,0.1);color:var(--white);padding:13px 16px;font-family:'Rajdhani',sans-serif;font-size:0.95rem;outline:none;transition:border-color 0.2s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red)}
.contact-form select option{background:var(--dark2)}
.contact-form textarea{height:110px;resize:vertical}
.btn-submit{background:var(--red);color:var(--white);border:none;padding:15px;font-family:'Rajdhani',sans-serif;font-size:0.95rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background 0.2s}
.btn-submit:hover{background:var(--red2)}

/* FOOTER */
footer{background:var(--dark2);border-top:1px solid rgba(255,255,255,0.05);padding:55px 5% 28px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:36px}
.footer-logo{height:50px;width:auto;margin-bottom:12px}
.footer-brand p{color:var(--gray);font-size:0.85rem;line-height:1.7;max-width:280px}
.footer-col h5{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:2px;color:var(--red);margin-bottom:14px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px}
.footer-col a{color:var(--gray);font-size:0.85rem;transition:color 0.2s}
.footer-col a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer-bottom p{color:var(--gray);font-size:0.8rem}
.footer-social{display:flex;gap:14px}
.footer-social a{color:var(--gray);font-size:1rem;transition:color 0.2s}
.footer-social a:hover{color:var(--red)}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.88);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s}
.modal-overlay.open{opacity:1;visibility:visible}
.modal{background:var(--dark2);border:1px solid rgba(224,20,20,0.3);padding:38px;max-width:480px;width:92%;position:relative;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));animation:modalIn 0.3s ease}
@keyframes modalIn{from{transform:scale(0.9) translateY(20px)}to{transform:scale(1) translateY(0)}}
.modal h3{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;letter-spacing:2px;margin-bottom:6px}
.modal h3 span{color:var(--red)}
.modal-sub{color:var(--gray);font-size:0.88rem;margin-bottom:20px}
.modal-form{display:flex;flex-direction:column;gap:11px}
.modal-form input,.modal-form textarea{background:var(--dark);border:1px solid rgba(255,255,255,0.1);color:var(--white);padding:12px 15px;font-family:'Rajdhani',sans-serif;font-size:0.92rem;outline:none;transition:border-color 0.2s;width:100%}
.modal-form input:focus,.modal-form textarea:focus{border-color:var(--red)}
.modal-form textarea{height:80px;resize:vertical}
.modal-close{position:absolute;top:16px;right:18px;background:none;border:none;color:var(--gray);font-size:1.4rem;cursor:pointer;line-height:1}
.modal-wa{display:block;text-align:center;margin-top:10px;color:var(--gray);font-size:0.82rem}
.modal-wa a{color:#25d366}

/* WHATSAPP FLOAT */
.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;text-decoration:none;box-shadow:0 4px 18px rgba(37,211,102,0.4);animation:wapulse 2.5s infinite}
@keyframes wapulse{0%,100%{box-shadow:0 4px 18px rgba(37,211,102,0.4)}50%{box-shadow:0 4px 28px rgba(37,211,102,0.7),0 0 0 8px rgba(37,211,102,0.08)}}

/* RESPONSIVE */
@media(max-width:900px){.hero-stats{display:none}.contact-inner{grid-template-columns:1fr}.detail-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nav-links{display:none}.form-row{grid-template-columns:1fr}.hero h1{font-size:3rem}.footer-grid{grid-template-columns:1fr}.detail-specs{grid-template-columns:1fr}}

/* ═══ HERO SLIDER ═══════════════════════════════════════════════════ */
.hero-slider{
  margin-top:72px;position:relative;
  height:100vh;min-height:600px;max-height:900px;
  overflow:hidden;background:var(--dark);
}
.slides-wrapper{position:relative;width:100%;height:100%}

/* INDIVIDUAL SLIDE */
.slide{
  position:absolute;inset:0;
  display:flex;align-items:center;
  opacity:0;transform:scale(1.04);
  transition:opacity 0.9s cubic-bezier(.4,0,.2,1),transform 0.9s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.slide.active{opacity:1;transform:scale(1);pointer-events:all;z-index:2}
.slide.prev{opacity:0;transform:scale(0.97);z-index:1}

/* SLIDE BACKGROUNDS */
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s linear}
.slide.active .slide-bg{transform:scale(1.06)}

/* SVG fighter silhouettes via CSS clip-path + gradient */
.slide-bg-1{background-image:url('../images/img_043.webp');background-size:cover;background-position:center center;}
.slide-bg-2{background-image:url('../images/img_044.webp');background-size:cover;background-position:center center;}
.slide-bg-3{background-image:url('../images/img_045.webp');background-size:cover;background-position:center center;}
.slide-bg-4{background-image:url('../images/img_046.webp');background-size:cover;background-position:center center;}

.slide-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 55%,rgba(0,0,0,0.05) 100%);
}

/* FIGHTER VISUAL (right side decorative) */
.slide-visual{
  position:absolute;right:0;top:0;bottom:0;width:52%;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.fighter-silhouette{
  position:absolute;right:-20px;bottom:0;
  width:480px;height:90%;
  background-size:contain;background-repeat:no-repeat;background-position:bottom center;
  opacity:0.18;filter:blur(0px);
  transition:transform 0.9s ease,opacity 0.9s ease;
}
.slide.active .fighter-silhouette{opacity:0.22;transform:translateX(0)}

/* Fighter shapes using CSS — geometric martial arts pose silhouettes */
.fighter-1{
  background:radial-gradient(ellipse 40% 90% at 55% 45%,rgba(224,20,20,0.5) 0%,transparent 70%),
             radial-gradient(ellipse 15% 40% at 70% 80%,rgba(200,0,0,0.4) 0%,transparent 60%),
             radial-gradient(ellipse 20% 30% at 35% 70%,rgba(180,0,0,0.35) 0%,transparent 55%);
  clip-path:polygon(40% 0%,60% 0%,65% 15%,55% 20%,70% 35%,80% 55%,75% 60%,65% 50%,60% 70%,65% 100%,35% 100%,40% 70%,35% 50%,25% 60%,20% 55%,30% 35%,45% 20%,35% 15%);
  opacity:0.25;
}
.fighter-2{
  background:radial-gradient(ellipse 45% 85% at 50% 42%,rgba(255,30,30,0.45) 0%,transparent 70%),
             radial-gradient(ellipse 18% 35% at 35% 75%,rgba(200,10,10,0.35) 0%,transparent 55%);
  clip-path:polygon(38% 0%,62% 0%,68% 12%,72% 30%,85% 28%,90% 40%,75% 45%,68% 38%,72% 60%,80% 100%,55% 100%,52% 68%,48% 68%,45% 100%,20% 100%,28% 60%,32% 38%,25% 45%,10% 40%,15% 28%,28% 30%,32% 12%);
  opacity:0.22;
}
.fighter-3{
  background:radial-gradient(ellipse 42% 88% at 52% 40%,rgba(210,20,20,0.48) 0%,transparent 72%),
             radial-gradient(ellipse 16% 32% at 68% 72%,rgba(180,0,0,0.3) 0%,transparent 52%);
  clip-path:polygon(42% 0%,58% 0%,63% 14%,58% 22%,75% 20%,88% 35%,72% 42%,62% 30%,65% 55%,70% 65%,60% 68%,55% 58%,52% 72%,55% 100%,32% 100%,35% 72%,45% 58%,40% 68%,30% 65%,35% 55%,38% 30%,28% 42%,12% 35%,25% 20%,42% 22%,37% 14%);
  opacity:0.2;
}
.fighter-4{
  background:radial-gradient(ellipse 38% 86% at 53% 44%,rgba(240,15,15,0.42) 0%,transparent 68%),
             radial-gradient(ellipse 20% 38% at 30% 78%,rgba(200,5,5,0.32) 0%,transparent 54%);
  clip-path:polygon(45% 0%,55% 0%,60% 10%,70% 8%,82% 22%,70% 30%,62% 22%,65% 42%,80% 40%,85% 55%,68% 58%,62% 48%,60% 68%,58% 100%,38% 100%,40% 68%,38% 48%,32% 58%,15% 55%,20% 40%,35% 42%,35% 22%,28% 30%,18% 22%,30% 8%,40% 10%);
  opacity:0.22;
}

.slide-glow{
  position:absolute;right:10%;top:20%;
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(224,20,20,0.2) 0%,transparent 70%);
  animation:glowPulse 3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes glowPulse{0%,100%{transform:scale(1);opacity:0.6}50%{transform:scale(1.2);opacity:1}}

/* SLIDE CONTENT */
.slide-content{
  position:relative;z-index:3;
  padding:0 5%;max-width:620px;
}
.slide-eyebrow{
  font-size:0.72rem;letter-spacing:5px;text-transform:uppercase;
  color:var(--red);font-weight:700;margin-bottom:1rem;
  display:flex;align-items:center;gap:10px;
}
.slide-eyebrow::before{content:'';display:block;width:32px;height:2px;background:var(--red)}
.slide-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(3.2rem,6.5vw,6rem);line-height:0.92;
  letter-spacing:2px;margin-bottom:1.2rem;
}
.slide-title span{color:var(--red)}
.slide-desc{font-size:1rem;color:#aaa;line-height:1.7;margin-bottom:1.8rem;max-width:480px}
.slide-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:1.5rem}
.slide-badges{display:flex;gap:10px;flex-wrap:wrap}
.slide-badge{font-size:0.72rem;color:rgba(255,255,255,0.7);letter-spacing:1px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);padding:4px 12px}

/* ARROWS */
.slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:10;background:rgba(224,20,20,0.25);border:1px solid rgba(224,20,20,0.5);
  color:var(--white);width:48px;height:48px;font-size:1.2rem;
  cursor:pointer;transition:background 0.2s;
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(4px);
}
.slider-arrow:hover{background:rgba(224,20,20,0.7)}
.slider-prev{left:20px}
.slider-next{right:20px}

/* DOTS */
.slider-dots{
  position:absolute;bottom:90px;left:50%;transform:translateX(-50%);
  z-index:10;display:flex;gap:10px;
}
.dot{
  width:28px;height:4px;background:rgba(255,255,255,0.25);
  border:none;cursor:pointer;transition:all 0.3s;padding:0;
}
.dot.active{background:var(--red);width:44px}

/* STATS BAR */
.stats-bar{
  position:absolute;bottom:0;left:0;right:0;z-index:10;
  display:flex;justify-content:center;align-items:stretch;
  background:rgba(10,10,10,0.92);border-top:2px solid rgba(224,20,20,0.4);
  backdrop-filter:blur(12px);
}
.stat-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:14px 36px;text-align:center;
}
.stat-n{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--red);letter-spacing:2px;line-height:1}
.stat-l{font-size:0.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--gray);margin-top:2px}
.stat-divider{width:1px;background:rgba(255,255,255,0.08);margin:10px 0}

/* Progress bar on active slide */
.slide-progress{
  position:absolute;bottom:60px;left:5%;right:5%;height:2px;
  background:rgba(255,255,255,0.1);z-index:10;overflow:hidden;
}
.slide-progress-bar{
  height:100%;background:var(--red);width:0%;
  transition:width 5s linear;
}
.slide-progress-bar.running{width:100%}

@media(max-width:768px){
  .hero-slider{
    position:relative;
    width:100%;
    height:100vh;
    min-height:560px;
    overflow:hidden;
  }
  .slides-wrapper{
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    width:100%;height:100%;
  }
  .slide{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    opacity:0;
    transition:opacity 0.8s ease;
  }
  .slide.active{
    opacity:1 !important;
    z-index:2;
  }
  .slide-bg{
    position:absolute !important;
    top:0 !important;left:0 !important;
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
    -webkit-background-size:cover !important;
    transform:none !important;
  }
  .slide.active .slide-bg{
    transform:none !important;
  }
  .slide-bg-1{background-image:url('../images/img_043.webp') !important}
  .slide-bg-2{background-image:url('../images/img_044.webp') !important}
  .slide-bg-3{background-image:url('../images/img_045.webp') !important}
  .slide-bg-4{background-image:url('../images/img_046.webp') !important}
  .slide-overlay{
    position:absolute !important;
    top:0;left:0;right:0;bottom:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.65) 100%) !important;
  }
  .slide-content{
    position:relative;
    z-index:3;
    padding:100px 5% 120px;
  }
  .slide-title{font-size:2.4rem;line-height:1.1}
  .slide-desc{font-size:0.9rem}
  .fighter-silhouette{display:none !important}
  .stat-item{padding:12px 18px}
  .stat-item:nth-child(7),.stat-item:nth-child(8){display:none}
  .slider-arrow{width:38px;height:38px;font-size:1rem}
}


.soc-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:rgba(255,255,255,0.08);color:var(--gray);transition:all 0.2s}
.soc-link:hover{background:var(--red);color:white}
.nav-social{display:flex;gap:8px;align-items:center}
.footer-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:rgba(255,255,255,0.07);color:var(--gray);transition:all 0.2s}
.footer-social a:hover{background:var(--red);color:white}
.social-btn svg{flex-shrink:0}