/* Footer tuyến xe — bố cục mới */
.fl-modern{
  border-top:1px solid rgba(245,166,35,.15);
  background:linear-gradient(180deg,#0a0a0a 0%,#111 40%,#0d0d0d 100%);
  position:relative;
  overflow:hidden;
}
.fl-modern::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold,#F5A623),var(--cyan,#00BCD4),transparent);
  opacity:.45;
}
.fl-wrap{max-width:1280px;margin:0 auto;padding:40px 20px 36px}
.fl-intro{text-align:center;margin-bottom:32px}
.fl-tag{
  display:inline-block;font-family:var(--font-d,'Oswald',sans-serif);
  font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold,#F5A623);background:rgba(245,166,35,.12);
  border:1px solid rgba(245,166,35,.25);padding:5px 14px;border-radius:999px;margin-bottom:12px;
}
.fl-headline{
  font-family:var(--font-d,'Oswald',sans-serif);
  font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:#fff;
  letter-spacing:1px;text-transform:uppercase;margin:0;line-height:1.3;
}
.fl-headline span{color:var(--cyan,#00BCD4)}

.fl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;width:100%}

.fl-card{
  display:block;width:100%;min-width:0;box-sizing:border-box;
  background:linear-gradient(145deg,#1c1c1c 0%,#141414 100%);
  border:1px solid #2a2a2a;border-radius:14px;overflow:hidden;
  box-shadow:0 4px 24px rgba(0,0,0,.35);
  transition:border-color .25s,box-shadow .25s;
}
.fl-card:hover{border-color:rgba(245,166,35,.35);box-shadow:0 8px 32px rgba(0,0,0,.45)}

.fl-card-hd{
  display:flex;align-items:center;gap:12px;padding:16px 18px;
  width:100%;box-sizing:border-box;
  background:linear-gradient(90deg,rgba(245,166,35,.1) 0%,transparent 100%);
  border-bottom:1px solid #2a2a2a;cursor:pointer;list-style:none;
  user-select:none;
}
.fl-card-hd::-webkit-details-marker{display:none}
.fl-card-hd::marker{display:none}
.fl-card-ico{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  background:rgba(0,188,212,.12);border:1px solid rgba(0,188,212,.25);
  display:flex;align-items:center;justify-content:center;
  color:var(--cyan,#00BCD4);font-size:19px;
}
.fl-card:nth-child(1) .fl-card-ico{background:rgba(245,166,35,.12);border-color:rgba(245,166,35,.3);color:var(--gold,#F5A623)}
.fl-card:nth-child(2) .fl-card-ico{color:#ffb74d}
.fl-card:nth-child(3) .fl-card-ico{color:#4dd0e1}
.fl-card:nth-child(4) .fl-card-ico{color:#81c784}
.fl-card-title{
  flex:1;font-family:var(--font-d,'Oswald',sans-serif);
  font-size:17px;font-weight:700;color:#fff;letter-spacing:.8px;
  text-transform:uppercase;line-height:1.25;min-width:0;
}
.fl-card-count{
  font-size:16px;font-weight:700;color:#888;background:#252525;
  padding:3px 9px;border-radius:999px;flex-shrink:0;
}
.fl-card-chev{
  font-size:16px;color:#666;transition:transform .25s;flex-shrink:0;
  display:none;
}
.fl-card[open] .fl-card-chev{transform:rotate(180deg)}

.fl-links{list-style:none;margin:0;padding:6px 0 8px;max-height:320px;overflow-y:auto}
.fl-links::-webkit-scrollbar{width:4px}
.fl-links::-webkit-scrollbar-thumb{background:#333;border-radius:4px}
.fl-links li{margin:0}
.fl-links a{
  display:flex;align-items:flex-start;gap:10px;
  padding:9px 16px 9px 18px;font-size:16px;line-height:1.45;
  color:#aaa;text-decoration:none;transition:background .2s,color .2s,padding-left .2s;
  border-left:3px solid transparent;
}
.fl-links a::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:var(--gold,#F5A623);margin-top:6px;flex-shrink:0;opacity:.7;
}
.fl-links a:hover{
  background:rgba(245,166,35,.07);color:#fff;
  border-left-color:var(--gold,#F5A623);padding-left:22px;
}
.fl-links a:hover::before{opacity:1;box-shadow:0 0 6px rgba(245,166,35,.6)}

/* Footer bottom — stats */
.fbot-modern{
  background:#080808;border-top:1px solid #1f1f1f;padding:20px 20px 24px;text-align:center;
}
.fbot-copy{
  font-size:17px;color:#777;margin:0 0 14px;line-height:1.6;
}
.fbot-copy strong{color:#fff;font-weight:600}
.fbot-stats{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;max-width:900px;margin:0 auto;
}
.fbot-stat{
  font-size:16px;color:#666;background:#151515;border:1px solid #252525;
  padding:6px 12px;border-radius:999px;line-height:1.3;white-space:nowrap;
}
.fbot-stat strong{color:var(--gold,#F5A623);font-weight:700}

/* Tablet */
@media(max-width:1024px){
  .fl-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .fl-links{max-height:240px}
}

/* Mobile — accordion */
@media(max-width:767px){
  .fl-wrap{padding:28px 16px 24px;width:100%;box-sizing:border-box}
  .fl-intro{margin-bottom:22px;width:100%}
  .fl-grid{
    display:flex;flex-direction:column;gap:10px;
    width:100%;align-items:stretch;
  }
  .fl-card{
    width:100%;max-width:100%;flex:0 0 auto;border-radius:12px;
  }
  .fl-card-hd{padding:14px 16px;cursor:pointer;width:100%}
  .fl-card-title{flex:1;word-break:break-word}
  .fl-card-chev{display:block;margin-left:4px}
  .fl-card:not([open]) .fl-links{display:none}
  .fl-card[open] .fl-card-hd{border-bottom-color:#2a2a2a}
  .fl-card:not([open]) .fl-card-hd{border-bottom:none}
  .fl-links{max-height:none;overflow:visible;padding:4px 0 10px;width:100%}
  .fl-links a{font-size:17px;padding:11px 16px 11px 18px;width:100%;box-sizing:border-box}
  .fbot-stats{
    display:grid;grid-template-columns:repeat(2,1fr);gap:8px;
    width:100%;max-width:none;padding:0 4px;box-sizing:border-box;
  }
  .fbot-stat{
    font-size:15px;padding:8px 10px;white-space:normal;text-align:center;
    max-width:none;width:100%;box-sizing:border-box;
  }
}