/* AIXDSP FINAL SHARED HEADER + FOOTER
   Rebuilt from the user's old index.html design.
   Desktop header and footer visuals follow the old site styling.
*/

/* =========================
   OLD HEADER DESIGN
   ========================= */
.header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:92px;
  z-index:10050;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.12);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  transition:background .28s ease,backdrop-filter .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.header.aix-header-scrolled{
  position:fixed;
  background:rgba(3,8,14,.80);
  border-bottom-color:rgba(255,255,255,.10);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}
.header-inner{
  width:min(1540px,90%);
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  position:relative;
}
.logo{
  width:125px;
  height:auto;
  display:block;
  object-fit:contain;
}
.nav{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  height:100%;
  display:flex;
  align-items:center;
  gap:40px;
  white-space:nowrap;
}
.nav a{
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:.25s ease;
}
.home-nav-drop{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
}
.home-dropdown{
  position:absolute;
  top:100%;
  left:50%;
  transform:translate(-50%,8px);
  width:235px;
  background:#fff;
  border:1px solid #e8ebef;
  border-radius:0 0 12px 12px;
  box-shadow:0 18px 40px rgba(8,20,30,.25);
  padding:10px 0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.home-nav-drop:hover .home-dropdown,
.home-nav-drop:focus-within .home-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}
.home-dropdown a{
  display:block!important;
  padding:9px 18px!important;
  color:#192132!important;
  font-size:12px!important;
  font-weight:600!important;
  white-space:nowrap;
}
.home-dropdown a:hover{
  background:#fff3f4;
  color:#f32631!important;
  padding-left:23px!important;
}
.home-dropdown a.active{
  color:#f32631!important;
  font-weight:800!important;
}
.nav a:hover{color:#f32631}
.nav .drop::after{
  content:"⌄";
  font-size:11px;
  margin-left:5px;
  position:relative;
  top:-1px;
}
.actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:25px;
}
.cart{
  color:#fff;
  text-decoration:none;
  font-size:21px;
  line-height:1;
  transition:.25s;
}
.cart:hover{color:#f32631}
.start{
  height:50px;
  padding:0 29px;
  border-radius:999px;
  background:#f32631;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:10px;
  transition:.3s;
}
.start:hover{
  background:#ff3944;
  transform:translateY(-2px);
  box-shadow:0 15px 35px rgba(243,38,49,.35);
}

/* =========================
   OLD FOOTER DESIGN
   ========================= */
.site-footer{
  position:relative;
  min-height:540px;
  background:#03070b;
  color:#fff;
  overflow:hidden;
  padding:88px 0 0;
}
.footer-atmosphere{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 70% -8%,rgba(255,30,50,.24),transparent 28%),
    radial-gradient(ellipse at 15% 115%,rgba(255,30,50,.10),transparent 30%),
    linear-gradient(180deg,#0a1016 0%,#03070b 32%,#020508 100%);
}
.footer-atmosphere:before{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  top:-105px;
  height:190px;
  border-bottom:2px solid rgba(255,255,255,.18);
  border-radius:0 0 50% 50%;
  box-shadow:0 8px 35px rgba(243,38,49,.14);
}
.footer-atmosphere:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:150px;
  background:linear-gradient(180deg,rgba(255,30,50,.14),transparent);
  opacity:.65;
}
.footer-inner{
  position:relative;
  z-index:2;
  width:min(1700px,90%);
  margin:auto;
  display:grid;
  grid-template-columns:1.25fr .9fr .9fr .9fr 1.35fr;
  gap:50px;
  padding-bottom:70px;
}
.footer-brand img{
  width:185px;
  max-width:100%;
  display:block;
  height:auto;
  object-fit:contain;
}
.footer-brand p{
  font-size:17px;
  color:#e2e7ec;
  margin:20px 0 25px;
}
.socials{display:flex;gap:14px}
.socials a{
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  transition:.25s;
}
.socials a svg{
  width:21px;
  height:21px;
  display:block;
  fill:currentColor;
}
.socials a:hover{
  border-color:#f32631;
  color:#f32631;
  transform:translateY(-3px);
}
.footer-col h3,
.footer-news h3{
  font-size:22px;
  margin:4px 0 25px;
  position:relative;
}
.footer-col h3:after,
.footer-news h3:after{
  content:"";
  display:block;
  width:38px;
  height:3px;
  background:#f32631;
  margin-top:13px;
}
.footer-col{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.footer-col a{
  color:#e1e5ea;
  text-decoration:none;
  font-size:16px;
  transition:.25s;
}
.footer-col a:hover{
  color:#f32631;
  transform:translateX(3px);
}
.footer-news{
  border-left:1px solid rgba(255,255,255,.18);
  padding-left:52px;
}
.footer-news p{
  color:#e1e5ea;
  font-size:16px;
  margin-bottom:28px;
}
.footer-news form{
  display:flex;
  height:58px;
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.08);
}
.footer-news input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  padding:0 20px;
  font-size:15px;
}
.footer-news input::placeholder{color:#aeb7c0}
.footer-news button{
  width:80px;
  border:0;
  background:#f32631;
  color:#fff;
  font-size:28px;
  cursor:pointer;
}
.footer-bottom{
  position:relative;
  z-index:2;
  width:min(1700px,90%);
  margin:auto;
  border-top:1px solid rgba(255,255,255,.17);
  padding:24px 0 34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#d8dde2;
  font-size:14px;
}
.footer-bottom div{display:flex;gap:18px}
.footer-bottom a{color:#d8dde2;text-decoration:none}
.footer-bottom a:hover{color:#f32631}
.footer-bottom i{font-style:normal;color:#6c737a}

@media(max-width:1050px){
  .nav{gap:24px}
  .header-inner{width:92%}
}
@media(max-width:980px){
  .footer-inner{grid-template-columns:repeat(2,1fr)}
  .footer-news{border-left:0;padding-left:0}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:650px){
  .site-footer{padding-top:70px}
  .footer-inner{grid-template-columns:1fr;gap:38px}
  .footer-brand{grid-column:auto}
  .footer-news{padding-left:0}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}
  .footer-bottom div{flex-wrap:wrap}
}
@media(max-width:600px){
  .site-footer{padding-top:58px}
  .footer-inner{width:90%;grid-template-columns:1fr;gap:30px;padding-bottom:46px}
  .footer-brand img{width:155px}
  .footer-brand p{font-size:14px;margin:15px 0 20px}
  .socials{gap:10px}
  .socials a{width:46px;height:46px}
  .socials a svg{width:19px;height:19px}
  .footer-col h3,.footer-news h3{font-size:18px;margin-bottom:20px}
  .footer-col a{font-size:14px}
  .footer-news p{font-size:14px;margin-bottom:18px}
  .footer-news form{height:52px}
  .footer-news button{width:62px}
  .footer-bottom{width:90%;padding:20px 0 28px;font-size:11px;gap:13px;flex-direction:column;align-items:flex-start}
  .footer-bottom div{gap:10px}
}


/* Exact mobile newsletter target */
@media(max-width:600px){
  .footer-news h3{font-size:24px!important}
  .footer-news p{font-size:16px!important;line-height:1.55!important;margin-bottom:22px!important}
  .footer-news form{display:flex!important;width:100%!important;height:58px!important;border-radius:15px!important;overflow:hidden!important}
  .footer-news input{flex:1 1 auto!important;min-width:0!important;height:58px!important;padding:0 18px!important;font-size:15px!important;border-radius:0!important}
  .footer-news button{position:relative!important;flex:0 0 74px!important;width:74px!important;min-width:74px!important;height:58px!important;padding:0!important;border-radius:0 15px 15px 0!important;background:#f32631!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;line-height:1!important;overflow:hidden!important}
  .footer-news button::before,.footer-news button::after{content:none!important;display:none!important}
}