/* Right Enterprises - RighTex custom styles */
:root{
  --red:#E30613;
  --blue:#00A0E9;
  --dark:#111111;
  --light:#F8F9FA;
  --orange:#FF9800;
  --yellow:#FFEB3B;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,sans-serif;color:#111;}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;}
.font-mono{font-family:'Roboto Mono',monospace;}
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:1rem;top:1rem;z-index:9999;background:#E30613;color:#fff;padding:.5rem 1rem;border-radius:.5rem;}

.reveal{opacity:0;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease;}
.reveal.in{opacity:1;transform:none;}
.reveal-left{opacity:0;transform:translateX(-80px);transition:opacity 1s ease,transform 1s ease;}
.reveal-left.in{opacity:1;transform:none;}
.reveal-right{opacity:0;transform:translateX(80px);transition:opacity 1s ease,transform 1s ease;}
.reveal-right.in{opacity:1;transform:none;}
.reveal-zoom{opacity:0;transform:scale(.85);transition:opacity 1s ease,transform 1s ease;}
.reveal-zoom.in{opacity:1;transform:none;}
.reveal-fade{opacity:0;transition:opacity 1.2s ease;}
.reveal-fade.in{opacity:1;}

/* Gradient hero */
.hero-overlay{background:linear-gradient(110deg,rgba(17,17,17,.88) 0%,rgba(227,6,19,.55) 60%,rgba(17,17,17,.7) 100%);}

/* Sticky header shadow */
header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.12);}

/* WhatsApp float */
.wa-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:flex;align-items:center;gap:.5rem;background:#25D366;color:#fff;padding:.75rem 1rem;border-radius:9999px;box-shadow:0 8px 24px rgba(37,211,102,.4);transition:transform .2s;}
.wa-float:hover{transform:scale(1.06);}
.wa-float svg{width:24px;height:24px;}

/* Scroll top */
.scroll-top{position:fixed;right:1.25rem;bottom:5.5rem;z-index:59;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(10px);}
.scroll-top.show{opacity:1;pointer-events:auto;transform:none;}

/* Navbar mobile */
.mobile-menu{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.mobile-menu.open{max-height:600px;}

/* Flame glow */
.flame-glow{text-shadow:0 0 18px rgba(255,152,0,.5);}

/* Table responsive */
.spec-table{width:100%;border-collapse:collapse;font-size:.9rem;}
.spec-table th,.spec-table td{border:1px solid #e5e7eb;padding:.6rem .75rem;text-align:center;}
.spec-table th{background:#111;color:#fff;font-weight:600;}
.spec-table tr:nth-child(even){background:#F8F9FA;}
.spec-table .label{text-align:left;font-weight:600;background:#F8F9FA;}

/* Badge */
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;}
.badge-red{background:rgba(227,6,19,.1);color:#E30613;}
.badge-blue{background:rgba(0,160,233,.1);color:#00A0E9;}

/* Extra reveal variants */
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease;}
.reveal-left.in{opacity:1;transform:none;}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s ease,transform .7s ease;}
.reveal-right.in{opacity:1;transform:none;}
.reveal-zoom{opacity:0;transform:scale(.92);transition:opacity .7s ease,transform .7s ease;}
.reveal-zoom.in{opacity:1;transform:none;}
.reveal-fade{opacity:0;transition:opacity .9s ease;}
.reveal-fade.in{opacity:1;}
.stagger > *{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.stagger.in > *{opacity:1;transform:none;}
.stagger.in > *:nth-child(1){transition-delay:.05s;}
.stagger.in > *:nth-child(2){transition-delay:.12s;}
.stagger.in > *:nth-child(3){transition-delay:.19s;}
.stagger.in > *:nth-child(4){transition-delay:.26s;}
.stagger.in > *:nth-child(5){transition-delay:.33s;}
.stagger.in > *:nth-child(6){transition-delay:.40s;}
/* Hover lift for cards */
.hover-lift{transition:transform .3s ease,box-shadow .3s ease;}
.hover-lift:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12);}
/* Smooth image zoom */
.img-zoom{overflow:hidden;}
.img-zoom img{transition:transform .5s ease;}
.img-zoom:hover img{transform:scale(1.08);}
/* Accessibility fallbacks */
@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-left,.reveal-right,.reveal-zoom,.reveal-fade,.stagger > *{opacity:1;transform:none;animation:none;transition:none;}
}
noscript .reveal,noscript .reveal-left,noscript .reveal-right,noscript .reveal-zoom,noscript .reveal-fade,noscript .stagger > *{opacity:1;transform:none;}
.floaty{animation:floaty 3s ease-in-out infinite;}
/* Pulse glow */
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(227,6,19,.4)}50%{box-shadow:0 0 0 12px rgba(227,6,19,0)}}
.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}


/* Marquee? no */

@media (max-width:640px){
  .spec-table{font-size:.75rem;}
  .spec-table th,.spec-table td{padding:.4rem .5rem;}
}


/* Tech table */
.tech-table th { background-color: #111111; color: white; padding: 12px 16px; border: 1px solid #333; font-weight: 600; }
.tech-table td { padding: 10px 16px; border: 1px solid #e5e7eb; font-size: 0.9rem; }
.tech-table tr:nth-child(even) { background-color: #f9fafb; }
.tech-table tr:hover { background-color: #fef2f2; }

.product-slide{cursor:pointer;}





header {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: #ffffff;
}


/* 1. Make Top Bar Sticky at the very top */
.top-strip {
    position: sticky;
    top: 0;
    z-index: 51;
}

/* 2. Make Header Sticky right under the top bar */
header {
    position: sticky;
    top: 36px; /* Height of the top bar */
    z-index: 50;
}

/* 1. Sticky Top Bar for ALL pages */
.top-strip,
body > div:first-of-type {
    position: sticky !important;
    top: 0 !important;
    z-index: 51 !important;
}

/* 2. Sticky Navbar directly below the top bar for ALL pages */
header {
    position: sticky !important;
    top: 32px !important; /* Locks header right below top bar */
    z-index: 50 !important;
}

/* 3. Ensure overflow settings don't break sticky behavior */
html, body {
    overflow-x: clip !important; /* Prevents broken sticky from overflow: hidden */
}