:root{
  --bg:#0a0a0a;
  --text:#ffffff;
  --muted:rgba(255,255,255,.72);
  --muted2:rgba(255,255,255,.55);
  --border:rgba(255,255,255,.10);
  --red:#ff2e2e;
  --red2:#b80000;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}

a{color:inherit;text-decoration:none}
.container{width:min(1180px,92%);margin:0 auto}

/* TOPBAR */
.topbar{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(10,10,10,.78);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}

.top-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
}

/* LEFT BRAND */
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:260px;
}

.brand-logo{
  width:44px;
  height:44px;
  object-fit:contain;
  display:block;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.45));
}

.brand-text{
  font-family:"Pirata One", Oswald, Inter, Arial, sans-serif;
  font-size:26px;
  letter-spacing:1px;
  line-height:1;
  text-transform:uppercase;
}

/* NAV */
.nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.nav a{
  color:var(--muted);
  padding:9px 12px;
  border-radius:14px;
  border:1px solid transparent;
  transition:.15s ease;
}

.nav a:hover{
  color:#fff;
  border-color:var(--border);
  background:rgba(255,255,255,.04);
}

.nav a.active{
  color:#fff;
  border-color:rgba(255,46,46,.35);
  background:rgba(255,46,46,.10);
}

.nav-btn{
  color:#fff !important;
  border-color:rgba(255,46,46,.35) !important;
}

/* HERO */
.hero{
  position:relative;
  min-height:76vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-size:cover;
  background-position:center;
  background-color:#000; /* fallback если картинка не загрузится */
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.50) 55%, rgba(0,0,0,.78));
}

.hero-content{
  position:relative;
  z-index:2;
  padding: 120px 0 70px;  /* чтобы не лезло под хедер */
}

/* LOGO нормальный размер */
.hero-logo{
  width: 380px;
  max-width: 55vw;
  height:auto;
  margin:0 auto 18px auto;
  display:block;
  filter: drop-shadow(0 14px 34px rgba(0,0,0,.75));
}

.hero-kicker{
  font-size:12px;
  letter-spacing:3px;
  color:rgba(255,255,255,.70);
  font-weight:600;
  text-transform:uppercase;
  margin-bottom:18px;
}

.hero-title{
  font-family:Oswald, Inter, Arial, sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
  line-height:1;
  margin:0;
  font-size: clamp(44px, 6vw, 86px);
  text-shadow:0 18px 50px rgba(0,0,0,.55);
}

.hero-actions{
  margin-top:26px;
  display:flex;
  justify-content:center;
}

/* BUTTONS */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 26px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  border:1px solid transparent;
  transition:.15s ease;
}

.btn-primary{
  background:var(--red);
  color:#fff;
  box-shadow:0 16px 40px rgba(255,46,46,.18);
}

.btn-primary:hover{
  background:var(--red2);
  transform:translateY(-1px);
}

.btn-ghost{
  background:transparent;
  border-color:var(--border);
  color:#fff;
  padding:10px 14px;
}

.btn-ghost:hover{
  border-color:rgba(255,46,46,.45);
  background:rgba(255,46,46,.10);
}

/* SECTIONS BELOW */
.section{padding:44px 0}

.grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.panel{
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
  padding:18px;
}

.panel h3{
  margin:0 0 10px 0;
  font-family:Oswald, Inter, Arial, sans-serif;
  letter-spacing:1px;
}

.panel p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

.panel-actions{margin-top:14px}

/* FOOTER */
.footer{
  border-top:1px solid var(--border);
  padding:22px 0 14px 0;
  background:rgba(0,0,0,.35);
}

.footer-inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.footer-logo{
  font-family:Oswald, Inter, Arial, sans-serif;
  letter-spacing:1.2px;
  font-weight:700;
}

.footer-muted{color:var(--muted2);font-size:13px;margin-top:6px}

.footer-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.footer-links a{
  color:var(--muted);
  border-bottom:1px solid transparent;
  padding-bottom:3px;
}

.footer-links a:hover{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.25);
}

.footer-bottom{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:var(--muted2);
  font-size:13px;
}

/* RESPONSIVE */
@media (max-width:900px){
  .grid-3{grid-template-columns:1fr}
  .hero{min-height:72vh}
  .brand-text{font-size:22px}
  .brand-logo{width:40px;height:40px}
}

@media (max-width:650px){
  .top-inner{flex-direction:column;align-items:flex-start}
  .nav{justify-content:flex-start}
}
/* =========================
   CONTACT PAGE (unique design)
========================= */

.contact-hero{
  padding: 46px 0 18px;
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(255,46,46,.18), transparent 60%),
    radial-gradient(1000px 500px at 80% 10%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0));
  border-bottom: 1px solid var(--border);
}

.contact-hero-inner{
  padding: 22px 0 28px;
}

.contact-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(255,46,46,.28);
  background: rgba(255,46,46,.10);
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 12px;
}

.contact-badge .dot{
  width:8px;height:8px;border-radius:999px;
  background: var(--red);
  box-shadow: 0 0 0 4px rgba(255,46,46,.18);
}

.contact-title{
  margin:18px 0 10px;
  font-family: Oswald, Inter, Arial, sans-serif;
  font-size: clamp(36px, 4.5vw, 62px);
  letter-spacing: 1px;
  text-transform: uppercase;
}

.contact-subtitle{
  margin:0;
  color: var(--muted);
  max-width: 760px;
  line-height: 1.6;
}

.contact-wrap{ padding: 28px 0 56px; }

.contact-grid{
  display:grid;
  grid-template-columns: 1.45fr .85fr;
  gap:16px;
  align-items:start;
}

.contact-card{
  border:1px solid var(--border);
  background: rgba(255,255,255,.03);
  padding:18px;
}

.contact-side{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.side-card{
  border:1px solid var(--border);
  background: rgba(255,255,255,.02);
  padding:16px;
}

.side-card h3{
  margin:0 0 10px;
  font-family: Oswald, Inter, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 18px;
}

.muted{ color: var(--muted); margin:0; line-height:1.55; }

.side-list{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.side-item{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.25);
}

.side-k{ color: var(--muted2); font-size: 13px; }
.side-v{ font-weight: 700; }
.side-link{ color:#fff; border-bottom: 1px solid rgba(255,255,255,.25); }
.side-link:hover{ border-bottom-color: rgba(255,46,46,.6); color:#fff; }

.side-ul{ margin: 0; padding-left: 18px; color: var(--muted); }
.side-ul li{ margin: 6px 0; }

.form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.form-row{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}

.field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.field label{
  font-size: 12px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--muted2);
  font-weight: 700;
}

.field input,
.field select,
.field textarea{
  width:100%;
  padding:12px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  color: #fff;
  outline:none;
}

.field textarea{
  min-height: 150px;
  resize: vertical;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color: rgba(255,46,46,.45);
  box-shadow: 0 0 0 4px rgba(255,46,46,.12);
}

.hint{
  font-size: 12px;
  color: var(--muted2);
}

.form-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 4px;
}

.alert{
  padding:12px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.12);
  margin-bottom: 12px;
}

.alert.ok{
  border-color: rgba(46,255,140,.35);
  background: rgba(46,255,140,.08);
}

.alert.err{
  border-color: rgba(255,46,46,.40);
  background: rgba(255,46,46,.10);
}

@media (max-width: 980px){
  .contact-grid{ grid-template-columns: 1fr; }
  .form-row{ grid-template-columns: 1fr; }
}
/* ================= HERO VIDEO ================= */

.hero{
  position: relative;
  min-height: 60vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  background:#000;
}

.hero-video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.hero-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.55);
  z-index:1;
}

.hero-inner{
  position:relative;
  z-index:2;
}

.hero-logo img{
  width:160px;
  margin-bottom:20px;
}

.hero-text-top{
  font-size:12px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  margin-bottom:15px;
}

.hero-title{
  font-family: Oswald, Inter, sans-serif;
  font-size:clamp(40px,5vw,90px);
  text-transform:uppercase;
  margin:0 0 25px;
  letter-spacing:2px;
}


/* =======================================================
   ✨ MODERN UPGRADE — BakuChoppers (2026)
   Effektlər, animasiyalar, premium görünüş
   ======================================================= */

:root{
  --red:#ff2e2e;
  --red2:#b80000;
  --redglow: rgba(255,46,46,.45);
  --ease: cubic-bezier(.22,.61,.36,1);
}

html{scroll-behavior:smooth}
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }

::selection{ background:var(--red); color:#fff; }

/* daha incə, premium scrollbar */
*::-webkit-scrollbar{ width:11px; }
*::-webkit-scrollbar-track{ background:#000; }
*::-webkit-scrollbar-thumb{ background:linear-gradient(var(--red),var(--red2)); border-radius:10px; border:3px solid #000; }

/* ===== Ambient işıq blobları (fixed fon) ===== */
body::before{
  content:"";
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(60vmax 60vmax at 12% -10%, rgba(255,46,46,.16), transparent 60%),
    radial-gradient(50vmax 50vmax at 100% 20%, rgba(120,0,0,.18), transparent 60%),
    radial-gradient(55vmax 55vmax at 50% 120%, rgba(255,46,46,.10), transparent 60%);
  animation: ambientPulse 14s ease-in-out infinite alternate;
}
@keyframes ambientPulse{
  0%{ opacity:.65; transform:translateY(0) scale(1); }
  100%{ opacity:1; transform:translateY(-2%) scale(1.05); }
}

/* ===== Grain / film tekstura ===== */
body::after{
  content:"";
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ===== Scroll reveal sistemi ===== */
[data-reveal]{
  opacity:0;
  transform:translateY(34px);
  transition: opacity .9s var(--ease), transform .9s var(--ease);
  will-change: opacity, transform;
}
[data-reveal="left"]{ transform:translateX(-40px); }
[data-reveal="right"]{ transform:translateX(40px); }
[data-reveal="zoom"]{ transform:scale(.92); }
.is-visible[data-reveal]{ opacity:1; transform:none; }

/* ===== TOPBAR — scroll vəziyyəti + brand glow ===== */
.topbar{ transition: background .35s var(--ease), box-shadow .35s var(--ease), padding .35s var(--ease); }
.topbar.scrolled{
  background:rgba(8,8,8,.92);
  box-shadow:0 10px 40px rgba(0,0,0,.55), 0 1px 0 rgba(255,46,46,.18);
}
.brand-text{
  background:linear-gradient(90deg,#fff, #ffd5d5 40%, var(--red));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  transition:filter .3s var(--ease);
}
.brand:hover .brand-text{ filter:drop-shadow(0 0 14px var(--redglow)); }
.brand-logo{ transition:transform .5s var(--ease); }
.brand:hover .brand-logo{ transform:rotate(-8deg) scale(1.08); }

/* nav link altı animasiyalı xətt */
.nav a{ position:relative; overflow:hidden; }
.nav a::after{
  content:""; position:absolute; left:12px; right:12px; bottom:5px; height:2px;
  background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease);
}
.nav a:hover::after{ transform:scaleX(1); }

/* ===== HERO — kinematik ===== */
.hero{ min-height:92vh; }
.hero-video{ animation: heroZoom 22s ease-in-out infinite alternate; }
@keyframes heroZoom{ from{ transform:scale(1.04) } to{ transform:scale(1.16) } }

/* daha dərin vignette + qradient */
.hero-overlay{
  background:
    radial-gradient(120% 80% at 50% 30%, transparent 30%, rgba(0,0,0,.55) 75%, rgba(0,0,0,.9) 100%),
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.35) 45%, rgba(0,0,0,.95)) !important;
}
/* mouse-follow spotlight */
.hero-spotlight{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(280px 280px at var(--mx,50%) var(--my,40%), rgba(255,46,46,.22), transparent 70%);
  mix-blend-mode:screen; transition:background .15s linear;
}

.hero-logo img{ filter:drop-shadow(0 18px 50px rgba(0,0,0,.8)); animation: floatY 5s ease-in-out infinite; }
@keyframes floatY{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-12px) } }

.hero-text-top{
  display:inline-block;
  padding:7px 16px; border:1px solid rgba(255,46,46,.4); border-radius:999px;
  background:rgba(255,46,46,.08); backdrop-filter:blur(4px);
  color:#fff; font-weight:700;
}
.hero-title{
  background:linear-gradient(180deg,#fff 30%, #ff8d8d 70%, var(--red));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  text-shadow:0 20px 60px rgba(255,46,46,.25);
}

/* aşağı-ox scroll göstəricisi */
.scroll-cue{
  position:absolute; left:50%; bottom:26px; z-index:3; transform:translateX(-50%);
  width:26px; height:42px; border:2px solid rgba(255,255,255,.5); border-radius:20px;
  display:flex; justify-content:center;
}
.scroll-cue::before{
  content:""; width:4px; height:8px; border-radius:4px; background:var(--red); margin-top:7px;
  animation: cueMove 1.6s ease-in-out infinite;
}
@keyframes cueMove{ 0%{ opacity:0; transform:translateY(0) } 40%{ opacity:1 } 80%{ opacity:0; transform:translateY(14px) } 100%{opacity:0} }

/* ===== BUTONLAR — işıq sürüşməsi ===== */
.btn{ position:relative; overflow:hidden; border-radius:14px; transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s; }
.btn::before{
  content:""; position:absolute; top:0; left:-120%; width:60%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transform:skewX(-20deg); transition:left .6s var(--ease);
}
.btn:hover::before{ left:140%; }
.btn-primary{ box-shadow:0 14px 34px rgba(255,46,46,.30); }
.btn-primary:hover{ transform:translateY(-3px); box-shadow:0 22px 50px rgba(255,46,46,.5); }
.btn-ghost:hover{ transform:translateY(-2px); }

/* ===== MARQUEE — axan slogan zolağı ===== */
.marquee{
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  background:linear-gradient(90deg, rgba(255,46,46,.06), rgba(0,0,0,0), rgba(255,46,46,.06));
  overflow:hidden; padding:16px 0;
}
.marquee-track{
  display:flex; gap:48px; width:max-content;
  animation: marquee 26s linear infinite;
  font-family:Oswald, Inter, sans-serif; text-transform:uppercase; letter-spacing:3px;
  font-size:clamp(18px,2.4vw,30px); font-weight:700; color:rgba(255,255,255,.85);
  white-space:nowrap;
}
.marquee:hover .marquee-track{ animation-play-state:paused; }
.marquee-track span{ display:inline-flex; align-items:center; gap:48px; }
.marquee-track b{ color:var(--red); -webkit-text-stroke:0; }
@keyframes marquee{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }

/* ===== Bölmə başlıqları ===== */
.section-head{ text-align:center; margin-bottom:34px; }
.section-eyebrow{
  display:inline-block; font-size:12px; letter-spacing:4px; text-transform:uppercase;
  color:var(--red); font-weight:700; margin-bottom:12px;
}
.section-title{
  font-family:Oswald, Inter, sans-serif; text-transform:uppercase; letter-spacing:1px;
  font-size:clamp(30px,4vw,52px); margin:0; line-height:1.05;
}

/* ===== PANEL — premium hover ===== */
.panel{
  position:relative; border-radius:18px; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
}
.panel::before{ /* glow border on hover */
  content:""; position:absolute; inset:0; border-radius:18px; padding:1px;
  background:linear-gradient(135deg, rgba(255,46,46,.6), transparent 40%, transparent 60%, rgba(255,46,46,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .4s var(--ease);
}
.panel:hover{ transform:translateY(-8px); box-shadow:0 30px 60px rgba(0,0,0,.5); border-color:transparent; }
.panel:hover::before{ opacity:1; }
.panel-icon{
  width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:rgba(255,46,46,.12); border:1px solid rgba(255,46,46,.3); margin-bottom:14px;
  font-size:24px;
}

/* ===== STATS — sayılan rəqəmlər ===== */
.stats{ padding:48px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(0,0,0,.3); }
.stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; text-align:center; }
.stat-num{
  font-family:Oswald, Inter, sans-serif; font-weight:700; line-height:1;
  font-size:clamp(40px,5vw,68px);
  background:linear-gradient(180deg,#fff,#ff8d8d); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.stat-label{ margin-top:8px; color:var(--muted2); letter-spacing:2px; text-transform:uppercase; font-size:12px; font-weight:700; }

/* ===== GALLERY preview ===== */
.gallery-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.gal{
  position:relative; border-radius:18px; overflow:hidden; aspect-ratio:4/3;
  border:1px solid var(--border);
}
.gal img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease), filter .5s; filter:grayscale(.25); }
.gal::after{
  content:attr(data-cap); position:absolute; left:0; right:0; bottom:0; padding:16px;
  font-family:Oswald,sans-serif; text-transform:uppercase; letter-spacing:1px;
  background:linear-gradient(transparent, rgba(0,0,0,.85)); transform:translateY(8px); opacity:0; transition:.4s var(--ease);
}
.gal:hover img{ transform:scale(1.12); filter:grayscale(0); }
.gal:hover::after{ transform:none; opacity:1; }
.gal.tall{ grid-row:span 2; aspect-ratio:auto; }

/* ===== CTA band ===== */
.cta{
  position:relative; text-align:center; padding:70px 0; overflow:hidden;
  background:
    radial-gradient(800px 300px at 50% 0%, rgba(255,46,46,.22), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(255,46,46,.06));
}
.cta h2{
  font-family:Oswald,sans-serif; text-transform:uppercase; letter-spacing:1px;
  font-size:clamp(32px,5vw,60px); margin:0 0 12px;
}
.cta p{ color:var(--muted); max-width:620px; margin:0 auto 26px; line-height:1.6; }

/* footer glow */
.footer{ position:relative; }
.footer::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, var(--red), transparent); opacity:.6; }

/* ===== RESPONSIVE əlavələr ===== */
@media (max-width:900px){
  .stats-grid{ grid-template-columns:repeat(2,1fr); gap:22px; }
  .gallery-grid{ grid-template-columns:1fr 1fr; }
  .gal.tall{ grid-row:auto; aspect-ratio:4/3; }
}
@media (max-width:560px){
  .gallery-grid{ grid-template-columns:1fr; }
  .hero{ min-height:88vh; }
}

/* tilt üçün hazırlıq */
.tilt{ transform-style:preserve-3d; transition:transform .2s var(--ease); }

/* ===== HERO TITLE — logo patch style (qirmizi + qara kontur) ===== */
.hero-title{
  font-family:'Anton','Oswald',sans-serif !important;
  font-weight:400 !important;
  letter-spacing:4px;
  color:#d11a22 !important;
  -webkit-text-fill-color:#d11a22 !important;
  background:none !important;
  -webkit-text-stroke:2px #0b0b0b;
  paint-order:stroke fill;
  text-shadow:
    0 2px 0 #000,
    0 0 22px rgba(209,26,34,.55),
    0 16px 46px rgba(0,0,0,.65);
}

/* ===== HERO ROCKER — oval banner + qovslu yazi (logo stili) ===== */
.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; }
.hero-rocker{ margin:8px auto 24px; width:min(580px,88vw); line-height:0; }
.hero-rocker svg{ width:100%; height:auto; overflow:visible; filter:drop-shadow(0 16px 34px rgba(0,0,0,.6)); }
.rocker-text{
  font-family:'Graduate','Oswald',sans-serif;
  fill:#d11a22;
  font-size:46px;
  letter-spacing:1px;
  font-weight:700;
  paint-order:stroke;
  stroke:#000;
  stroke-width:1.2px;
}

/* hero-rocker artiq sekil banner-dir */
.hero-rocker{ margin:10px auto 26px; width:min(620px,90vw); line-height:0; }
.hero-rocker img{ width:100%; height:auto; display:block; filter:drop-shadow(0 16px 34px rgba(0,0,0,.6)); }

/* ===== Lisenziya kateqoriyasi checkbox-lari ===== */
.checkbox-group{ display:flex; flex-wrap:wrap; gap:10px; margin-top:2px; }
.field .checkbox-group label{
  display:inline-flex; align-items:center; gap:8px; padding:9px 14px;
  border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.3);
  border-radius:12px; cursor:pointer; font-size:14px; font-weight:600; color:#fff;
  text-transform:none; letter-spacing:0; transition:.2s var(--ease);
}
.field .checkbox-group label:hover{ border-color:rgba(255,46,46,.45); background:rgba(255,46,46,.08); }
.field .checkbox-group label.req{ border-color:rgba(255,46,46,.5); background:rgba(255,46,46,.10); }
.field .checkbox-group input{ width:17px; height:17px; accent-color:#ff2e2e; cursor:pointer; }

/* ===== Dil keçidi (AZ | EN) ===== */
.lang-switch{ display:inline-flex; margin-left:8px; border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.nav .lang-switch a{ padding:8px 11px; font-size:13px; font-weight:700; letter-spacing:1px; color:var(--muted); border:0; border-radius:0; }
.nav .lang-switch a::after{ display:none; }
.nav .lang-switch a:hover{ color:#fff; background:rgba(255,255,255,.06); }
.nav .lang-switch a.on{ background:var(--red); color:#fff; }

/* ===== Gallery media grid ===== */
.media-grid{ column-width:280px; column-gap:14px; }
.media-item{ break-inside:avoid; margin:0 0 14px; border:1px solid var(--border); border-radius:16px; overflow:hidden; background:#000; }
.media-item img,.media-item video{ width:100%; display:block; }
.media-item img{ transition:transform .6s var(--ease); }
.media-item:hover img{ transform:scale(1.05); }
.media-item figcaption{ padding:10px 14px; font-family:Oswald,sans-serif; text-transform:uppercase; letter-spacing:.5px; font-size:14px; color:var(--muted); }

/* ===== About split layout ===== */
.about-split{ display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:center; }
.about-split-text > div{ margin-bottom:28px; }
.about-split-text > div:last-child{ margin-bottom:0; }
.about-split-text h2{ font-family:Oswald,sans-serif; text-transform:uppercase; letter-spacing:1px; font-size:clamp(24px,3vw,34px); margin:6px 0 10px; }
.about-split-text p{ color:var(--muted); line-height:1.7; margin:0; }
.about-split-media{ border-radius:20px; overflow:hidden; border:1px solid var(--border); box-shadow:0 30px 60px rgba(0,0,0,.5); }
.about-split-media img{ width:100%; height:100%; min-height:340px; object-fit:cover; display:block; filter:grayscale(.2) contrast(1.05); }
.stand-band{ padding:48px 0; text-align:center; border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  background:radial-gradient(900px 320px at 50% 0%, rgba(255,46,46,.16), transparent 70%); }
.stand-text{ max-width:840px; margin:10px auto 0; font-size:clamp(18px,2.4vw,25px); line-height:1.6; color:#fff; font-family:Oswald,sans-serif; }
@media(max-width:760px){ .about-split{ grid-template-columns:1fr; } }

/* ===== Hero logo — glow pulse + 3D tilt (floatY əvəzinə) ===== */
.hero-logo img{
  animation: logoGlow 4.5s ease-in-out infinite !important;
  transition: transform .25s ease-out;
  transform-style: preserve-3d;
  will-change: transform, filter;
}
@keyframes logoGlow{
  0%,100%{ filter: drop-shadow(0 16px 34px rgba(0,0,0,.75)); }
  50%{ filter: drop-shadow(0 16px 38px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(255,46,46,.5)); }
}

/* ====== MOTO INTRO (giriş ekranı) ====== */
.moto-intro{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 50% 38%, #1c0202 0%, #050505 68%); transition:opacity .85s ease, transform .85s ease; }
.moto-intro.mi-go{ opacity:0; transform:scale(1.12); pointer-events:none; }
.mi-inner{ text-align:center; padding:20px; }
.mi-logo{ width:210px; max-width:56vw; margin-bottom:34px; filter:drop-shadow(0 12px 44px rgba(255,46,46,.4)); animation:miFloat 4s ease-in-out infinite; }
.mi-start{ position:relative; width:122px; height:122px; border-radius:50%; cursor:pointer;
  border:3px solid rgba(255,46,46,.6); background:radial-gradient(circle,#2a0000,#080000); color:#ff2e2e;
  display:inline-flex; align-items:center; justify-content:center; animation:miPulse 1.8s infinite; transition:transform .15s ease, color .2s, border-color .2s; }
.mi-start:hover{ transform:scale(1.07); }
.mi-start:active{ transform:scale(.94); }
.mi-start svg{ width:54px; height:54px; }
.mi-text{ margin-top:26px; font-family:Oswald,sans-serif; text-transform:uppercase; letter-spacing:4px; color:#fff; font-size:14px; opacity:.85; }
.mi-rpm{ width:210px; max-width:60vw; height:6px; background:#240707; border-radius:6px; margin:18px auto 0; overflow:hidden; }
.mi-rpm>i{ display:block; height:100%; width:0; background:linear-gradient(90deg,#ff2e2e,#ff9d00,#ff2e2e); }
@keyframes miPulse{ 0%{box-shadow:0 0 0 0 rgba(255,46,46,.5)} 70%{box-shadow:0 0 0 24px rgba(255,46,46,0)} 100%{box-shadow:0 0 0 0 rgba(255,46,46,0)} }
@keyframes miFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.moto-intro.mi-revving .mi-start{ animation:none; transform:scale(.9); color:#ff9d00; border-color:#ff9d00; }
.moto-intro.mi-revving .mi-inner{ animation:miShake .07s linear infinite; }
.moto-intro.mi-revving .mi-rpm>i{ width:100%; transition:width 1.3s cubic-bezier(.3,1.5,.6,1); }
@keyframes miShake{ 0%{transform:translate(0,0)} 25%{transform:translate(-3px,1px)} 50%{transform:translate(3px,-2px)} 75%{transform:translate(-2px,2px)} 100%{transform:translate(2px,-1px)} }

/* ====== Moto intro şəkli + titrəmə (xoddayanda) ====== */
.mi-logo{ width:150px !important; margin-bottom:14px !important; }
.mi-moto-wrap{ position:relative; display:inline-block; margin:6px auto 18px; }
.mi-moto-wrap::after{ content:""; position:absolute; left:8%; right:8%; bottom:-6px; height:22px;
  background:radial-gradient(ellipse at center, rgba(255,46,46,.35), transparent 70%); filter:blur(6px); opacity:.5; transition:opacity .3s; }
.mi-moto{ width:340px; max-width:82vw; display:block; filter:drop-shadow(0 18px 26px rgba(0,0,0,.7)); }
.moto-intro.mi-revving .mi-moto{ animation:motoVib .055s linear infinite, motoGlow .5s ease-in-out infinite; }
.moto-intro.mi-revving .mi-moto-wrap::after{ opacity:1; animation:exhaustPulse .12s linear infinite; }
@keyframes motoVib{
  0%{transform:translate(0,0) rotate(0)}
  20%{transform:translate(-1.5px,1px) rotate(-.3deg)}
  40%{transform:translate(1.5px,-1px) rotate(.3deg)}
  60%{transform:translate(-1px,1.5px) rotate(-.2deg)}
  80%{transform:translate(1px,-1.5px) rotate(.2deg)}
  100%{transform:translate(0,0) rotate(0)}
}
@keyframes motoGlow{
  0%,100%{ filter:drop-shadow(0 18px 26px rgba(0,0,0,.7)) }
  50%{ filter:drop-shadow(0 18px 26px rgba(0,0,0,.7)) drop-shadow(0 0 22px rgba(255,46,46,.55)) }
}
@keyframes exhaustPulse{ 0%{transform:scaleX(1);opacity:.7} 50%{transform:scaleX(1.15);opacity:1} 100%{transform:scaleX(1);opacity:.7} }
@media(max-height:680px){ .mi-logo{ width:110px !important } .mi-moto{ width:280px } .mi-start{ width:96px;height:96px } }

/* ====== Intro: moto böyük + logo üstündə (emblem) — override ====== */
.mi-moto-wrap{ position:relative; display:inline-block; margin:0 auto 24px; }
.mi-moto{ width:500px !important; max-width:90vw; display:block; filter:drop-shadow(0 20px 30px rgba(0,0,0,.72)); }
.mi-logo-badge{ position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); z-index:2; pointer-events:none; }
.mi-logo{ width:180px !important; margin:0 !important; display:block; filter:drop-shadow(0 10px 26px rgba(0,0,0,.85)); animation:miFloat 4s ease-in-out infinite; }
.moto-intro.mi-revving .mi-logo{ animation:motoVib .055s linear infinite; }
@media(max-width:560px){ .mi-logo{ width:130px !important } }
@media(max-height:700px){ .mi-moto{ width:380px !important } .mi-logo{ width:140px !important } .mi-start{ width:96px;height:96px } }

/* ====== Intro override 2: moto çox böyük + logo yuxarıda (stacked) ====== */
.mi-logo{ position:static !important; width:150px !important; margin:0 auto 16px !important; display:block; transform:none; filter:drop-shadow(0 10px 26px rgba(0,0,0,.8)); animation:miFloat 4s ease-in-out infinite; }
.mi-moto-wrap{ margin:0 auto !important; }
.mi-moto{ width:2000px !important; max-width:94vw; max-height:54vh; height:auto !important; }
@media(max-height:760px){ .mi-logo{ width:118px !important; margin-bottom:12px !important } .mi-moto{ max-height:44vh } .mi-start{ width:92px;height:92px } .mi-text{ margin-top:16px } }

/* ====== Moto: aspect ratio saxla — dartılma (stretch) düzəlişi ====== */
.mi-moto{ object-fit:contain !important; }

/* ====== Intro logo: yuxarı-aşağı (floatY) ƏVƏZİNƏ glow + nəbz ====== */
.mi-logo{ animation: miLogoGlow 3.6s ease-in-out infinite !important; }
@keyframes miLogoGlow{
  0%,100%{ transform:scale(1); filter:drop-shadow(0 10px 26px rgba(0,0,0,.8)); }
  50%{ transform:scale(1.05); filter:drop-shadow(0 10px 26px rgba(0,0,0,.8)) drop-shadow(0 0 28px rgba(255,46,46,.55)); }
}
/* rev zamani titreme (override-i qoru) */
.moto-intro.mi-revving .mi-logo{ animation: motoVib .055s linear infinite !important; }

/* ====== Intro logo: TAM SABİT, yalnız hover-də glow (avtomatik effekt yox) ====== */
.mi-logo{ animation:none !important; transform:none !important; transition:filter .3s ease !important; filter:drop-shadow(0 10px 26px rgba(0,0,0,.8)) !important; }
.mi-logo:hover{ filter:drop-shadow(0 10px 26px rgba(0,0,0,.8)) drop-shadow(0 0 34px rgba(255,46,46,.7)) brightness(1.12) !important; }
.moto-intro.mi-revving .mi-logo{ animation:none !important; transform:none !important; }

/* ==================================================
   📱 MOBİL VERSİYA — hamburger menyu + responsiv
   ================================================== */
.nav-toggle{ display:none; flex-direction:column; justify-content:center; gap:5px; width:46px; height:46px; padding:11px; background:none; border:0; cursor:pointer; }
.nav-toggle span{ display:block; height:2px; width:100%; background:#fff; border-radius:2px; transition:transform .3s ease, opacity .2s ease; }

@media(max-width:820px){
  .nav-toggle{ display:flex; }
  .top-inner{ flex-direction:row !important; align-items:center !important; }
  .nav{
    position:absolute; top:calc(100% + 1px); left:0; right:0;
    flex-direction:column; align-items:stretch; justify-content:flex-start; gap:2px;
    background:rgba(8,8,8,.98); backdrop-filter:blur(12px);
    border-bottom:1px solid var(--border);
    padding:0 16px; margin:0;
    max-height:0; overflow-y:auto; opacity:0; pointer-events:none;
    transition:max-height .35s ease, opacity .25s ease, padding .25s ease;
  }
  .topbar.nav-open .nav{ max-height:84vh; opacity:1; pointer-events:auto; padding:10px 16px 18px; }
  .nav a{ padding:15px 14px; font-size:17px; border-radius:10px; }
  .nav a::after{ display:none !important; }
  .nav .nav-btn{ margin-top:6px; text-align:center; }
  .lang-switch{ margin:12px 0 2px !important; align-self:flex-start; }
  .topbar.nav-open .nav-toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .topbar.nav-open .nav-toggle span:nth-child(2){ opacity:0; }
  .topbar.nav-open .nav-toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
}

/* Hero + bölmələr mobil */
@media(max-width:560px){
  .hero{ min-height:84vh; }
  .hero-actions{ flex-direction:column; gap:10px; width:100%; max-width:300px; margin-left:auto; margin-right:auto; }
  .hero-actions .btn{ margin:0 !important; width:100%; }
  .hero-logo img{ width:230px !important; }
  .section{ padding:34px 0; }
  .cta{ padding:54px 0; }
  .section-title{ font-size:clamp(26px,8vw,40px); }
  .panel{ padding:16px; }
  .footer-inner{ gap:18px; }
}

/* ====== Instagram social ikonu (footer) ====== */
.social-ig{ display:inline-flex; align-items:center; gap:9px; margin-top:14px; color:#fff; font-weight:700; font-size:14px; text-decoration:none; transition:color .2s ease; }
.social-ig .ig-ic{ width:38px; height:38px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(45deg,#feda75,#fa7e1e 25%,#d62976 55%,#962fbf 80%,#4f5bd5); transition:transform .2s ease, box-shadow .2s ease; }
.social-ig:hover{ color:var(--red); }
.social-ig:hover .ig-ic{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(214,41,118,.5); }

/* ====== Sosial ikon sırası (logo-only: Instagram, Telegram, Outlook) ====== */
.socials{ display:flex; gap:12px; margin-top:16px; flex-wrap:wrap; }
/* ===== Sosial ikonlar — monoxrom (ağ-qara), brend rəngləri yoxdur ===== */
.soc{ width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18); transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.soc svg{ width:22px; height:22px; display:block; }
.soc:hover{ transform:translateY(-3px); background:#fff; color:#111; border-color:#fff; }
.soc.ig, .soc.fb, .soc.tg, .soc.ol{ background:rgba(255,255,255,.07); }
.soc.ig:hover, .soc.fb:hover, .soc.tg:hover, .soc.ol:hover{ background:#fff; color:#111; box-shadow:none; }

/* ====== "Nəyi təmsil edirik" — Tariximiz stilində (başlıq Oswald, mətn Inter) ====== */
.about-stand{ max-width:900px; margin:0 auto; text-align:left; }
.about-stand h2{ font-family:Oswald,Inter,sans-serif; text-transform:uppercase; letter-spacing:1px; font-size:clamp(24px,3vw,34px); line-height:1.1; margin:0 0 14px; color:#fff; }
.about-stand p{ margin:0; color:var(--muted); line-height:1.8; font-family:Inter,system-ui,-apple-system,sans-serif; font-size:16.5px; }

/* ====== Intro moto daha böyük (override 3) ====== */
.mi-logo{ width:110px !important; margin:0 auto 8px !important; }
.mi-moto-wrap{ margin:0 auto 12px !important; }
.mi-moto{ width:2200px !important; max-width:97vw; max-height:62vh; }
.mi-text{ margin-top:12px; }
.mi-rpm{ margin-top:12px; }
@media(max-height:780px){ .mi-moto{ max-height:50vh !important; } .mi-logo{ width:90px !important; } .mi-start{ width:88px;height:88px; } }

/* moto daha boyuk (override 4) */
.mi-moto{ width:2400px !important; max-width:98vw; max-height:68vh; }
@media(max-height:780px){ .mi-moto{ max-height:54vh !important; } }

/* intro logo: bir az böyük + azca aşağı (override) */
.mi-logo{ width:150px !important; margin:22px auto 10px !important; }
@media(max-height:780px){ .mi-logo{ width:115px !important; margin:10px auto 8px !important; } }

/* intro logo: daha asagi (override) */
.mi-logo{ width:150px !important; margin:60px auto 6px !important; }
@media(max-height:780px){ .mi-logo{ width:115px !important; margin:28px auto 6px !important; } }

/* intro: hamısı sığsın — logo böyük+aşağı, moto bir az kiçik, düymə+sözlər görünsün */
.moto-intro{ overflow-y:auto; }
.mi-inner{ padding:22px 12px; }
.mi-logo{ width:190px !important; margin:36px auto 6px !important; }
.mi-moto{ max-height:46vh !important; }
.mi-text{ margin-top:14px !important; }
.mi-rpm{ margin-top:12px !important; }
@media(max-height:820px){ .mi-logo{ width:140px !important; margin:16px auto 6px !important; } .mi-moto{ max-height:40vh !important; } }

/* ====== Gallery lightbox (popup) ====== */
.media-grid img{ cursor:pointer; }
.lightbox{ position:fixed; inset:0; z-index:99998; background:rgba(0,0,0,.93); backdrop-filter:blur(6px); display:none; align-items:center; justify-content:center; }
.lightbox.open{ display:flex; }
.lb-img{ max-width:90vw; max-height:82vh; object-fit:contain; border-radius:10px; box-shadow:0 24px 70px rgba(0,0,0,.7); }
.lb-close{ position:absolute; top:16px; right:20px; width:46px; height:46px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:24px; cursor:pointer; transition:.15s; }
.lb-close:hover{ background:var(--red); }
.lb-nav{ position:absolute; top:50%; transform:translateY(-50%); width:56px; height:56px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:34px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.15s; }
.lb-nav:hover{ background:var(--red); }
.lb-prev{ left:18px; } .lb-next{ right:18px; }
.lb-cap{ position:absolute; bottom:24px; left:0; right:0; text-align:center; color:#fff; font-family:Oswald,sans-serif; letter-spacing:.5px; text-transform:uppercase; font-size:15px; padding:0 20px; }
.lb-count{ position:absolute; top:22px; left:22px; color:rgba(255,255,255,.7); font-size:14px; font-weight:700; }
@media(max-width:560px){ .lb-nav{ width:44px; height:44px; font-size:28px; } .lb-prev{ left:8px; } .lb-next{ right:8px; } .lb-img{ max-width:94vw; } }