/* 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}
}

/* Footer products: 3 columns on mobile, original 5 on desktop */
@media (max-width:820px){
  :has(> a.aix-foot-more){
    columns:3!important;
    column-gap:12px!important;
  }
  :has(> a.aix-foot-more) > :not(a){column-span:all!important;}
  :has(> a.aix-foot-more) > a{
    display:block!important;
    break-inside:avoid!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
}
@media (min-width:821px){
  .aix-foot-more{display:none!important;}
}

/* Footer products: 3x5 grid on mobile (overrides flex layout) */
@media (max-width:820px){
  .footer-col:has(> a.aix-foot-more){
    display:grid!important;
    columns:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto repeat(5,auto)!important;
    grid-auto-flow:column!important;
    column-gap:12px!important;
    row-gap:14px!important;
    align-items:start!important;
  }
  .footer-col:has(> a.aix-foot-more) > h3{
    grid-row:1!important;
    grid-column:1 / -1!important;
  }
}

/* Footer products: vertical auto-slider on desktop */
@media (min-width:821px){
  .aix-foot-viewport{
    overflow:hidden;
    position:relative;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  }
  .aix-foot-track{
    display:flex;
    flex-direction:column;
    animation:aixFootScroll var(--aix-dur,30s) linear infinite;
  }
  .aix-foot-viewport:hover .aix-foot-track{animation-play-state:paused;}
  .aix-foot-track > a{margin:0!important;display:block!important;}
  .aix-foot-track .aix-foot-more{display:block!important;}
}
@keyframes aixFootScroll{
  from{transform:translateY(0)}
  to{transform:translateY(var(--aix-shift,-50%))}
}
@media (prefers-reduced-motion:reduce){
  .aix-foot-track{animation:none!important;}
  .aix-foot-viewport{overflow:auto!important;}
}


/* CTA heading: always visible, white on the dark card (all pages) */
.cta-card .cta-copy h2,
.aix-final-cta h2{
  color:#fff!important;
  opacity:1!important;
  clip-path:none!important;
  translate:none!important;
  filter:none!important;
}

/* AIXDSP MOTION PLUS START */
@media (prefers-reduced-motion:no-preference){
  html.aixm-ready{--aixm-e:cubic-bezier(.16,.84,.24,1);}
  html.aixm-ready body{overflow-x:clip;}
  html.aixm-ready .aixm{
    transition:opacity .9s var(--aixm-e),translate 1s var(--aixm-e),scale 1s var(--aixm-e),rotate 1s var(--aixm-e),filter .9s ease,clip-path 1.1s var(--aixm-e),box-shadow .4s ease;
    transition-delay:var(--aixm-d,0ms);
  }
  html.aixm-ready .aixm:not(.aixm-in){opacity:0;translate:var(--aixm-x,0px) var(--aixm-y,0px);}
  html.aixm-ready .aixm-head:not(.aixm-in){filter:blur(8px);}
  html.aixm-ready .aixm-text:not(.aixm-in){filter:blur(4px);}
  html.aixm-ready .aixm-img:not(.aixm-in){scale:1.12;rotate:var(--aixm-r,0deg);filter:blur(8px) saturate(.5);clip-path:inset(0 var(--aixm-cr,0%) 0 var(--aixm-cl,0%));}
  html.aixm-ready .aixm-img.aixm-in{clip-path:inset(0 0% 0 0%);}
  html.aixm-ready .aixm-img.aixm-done{clip-path:none;}
  html.aixm-ready .aixm-card:not(.aixm-in){scale:.92;rotate:x 16deg;}
  html.aixm-ready .aixm-btn{transition-timing-function:cubic-bezier(.34,1.56,.64,1);}
  html.aixm-ready .aixm-btn:not(.aixm-in){scale:.7;}
  html.aixm-ready .aixm-card.aixm-done:hover{translate:0 -8px;box-shadow:0 18px 40px rgba(243,38,49,.18);transition-delay:0ms;}
  html.aixm-ready .aixm-done{will-change:auto;}
}
@media (prefers-reduced-motion:no-preference) and (max-width:820px){
  html.aixm-ready .aixm-head:not(.aixm-in){filter:blur(4px);}
  html.aixm-ready .aixm-text:not(.aixm-in){filter:blur(2px);}
  html.aixm-ready .aixm-img:not(.aixm-in){filter:none;}
}
/* AIXDSP MOTION PLUS END */



/* AIXDSP HOME MOBILE CLS */
@media (max-width:820px){body.page-index .hero .bottom-fade{display:none!important;}}


/* AIXDSP FAST LOADER START */
.aix-loader,#aixLoader{animation:aixLoaderOut .3s ease .3s forwards!important;}
@keyframes aixLoaderOut{to{opacity:0;visibility:hidden;pointer-events:none;}}
@media (max-width:820px){.aix-loader,#aixLoader{display:none!important;}}
/* AIXDSP FAST LOADER END */