/* QASR ALARAEK v5.25 — requested hero / manufacturing / footer refinements */

/* HERO — raise content slightly; transparent white cards; mobile 2 + 1 layout */
html body.home .q508-hero-content{
  top:40.6%!important;
}
html body.home .q508-hero-content .q494-hero-title-wrap h1{
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.24)!important;
}
html body.home .q508-hero-content .q494-hero-actions{
  width:min(62%,620px)!important;
  gap:8px!important;
}
html body.home .q508-hero-content .q494-hero-action,
html body.home .q508-hero-content .q494-hero-action:nth-child(2){
  min-width:138px!important;
  height:39px!important;
  padding:0 14px!important;
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  text-shadow:0 1px 8px rgba(0,0,0,.24)!important;
}
html body.home .q508-hero-content .q494-hero-action:hover,
html body.home .q508-hero-content .q494-hero-action:focus-visible,
html body.home .q508-hero-content .q494-hero-action:nth-child(2):hover,
html body.home .q508-hero-content .q494-hero-action:nth-child(2):focus-visible{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:#fff!important;
}

/* MANUFACTURING — tighter desktop composition with a larger visual video area */
@media(min-width:981px){
  html body.home .q524-manufacturing{
    padding:56px 0 62px!important;
  }
  html body.home .q524-manufacturing__inner{
    width:min(1180px,calc(100% - 44px));
    margin-inline:auto;
  }
  html body.home .q524-manufacturing__head{
    max-width:620px!important;
    margin:0 0 22px auto!important;
  }
  html body.home .q524-manufacturing__head>span{
    font-size:10px!important;
    margin-bottom:6px!important;
  }
  html body.home .q524-manufacturing__head h2{
    font-size:clamp(2rem,3vw,3.2rem)!important;
    line-height:1.05!important;
  }
  html body.home .q524-manufacturing__head p{
    margin-top:9px!important;
    font-size:13px!important;
    line-height:1.65!important;
    max-width:560px!important;
  }
  html body.home .q524-manufacturing__grid{
    grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr)!important;
    gap:32px!important;
    align-items:center!important;
  }
  html body.home .q524-manufacturing__video-shell{
    border-radius:20px!important;
    box-shadow:0 14px 34px rgba(58,40,28,.11)!important;
  }
  html body.home .q524-manufacturing__video{
    aspect-ratio:960/548!important;
  }
  html body.home .q524-manufacturing__video-caption{
    margin:7px 4px 0!important;
    font-size:11px!important;
    line-height:1.55!important;
  }
  html body.home .q524-manufacturing__steps{
    gap:7px!important;
    padding-inline-end:16px!important;
  }
  html body.home .q524-manufacturing__steps:before{
    right:4px!important;
    top:20px!important;
    bottom:20px!important;
  }
  html body.home .q524-manufacturing__step{
    grid-template-columns:32px 44px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
  }
  html body.home .q524-manufacturing__step:hover,
  html body.home .q524-manufacturing__step.is-active{
    transform:translateX(-4px)!important;
    box-shadow:0 8px 18px rgba(78,53,37,.065)!important;
  }
  html body.home .q524-manufacturing__step-num{
    width:30px!important;height:30px!important;font-size:9px!important;
  }
  html body.home .q524-manufacturing__step-icon{
    width:42px!important;height:42px!important;border-radius:11px!important;
  }
  html body.home .q524-manufacturing__step-icon svg{
    width:26px!important;height:26px!important;
  }
  html body.home .q524-manufacturing__step-copy h3{
    font-size:13.5px!important;line-height:1.35!important;
  }
  html body.home .q524-manufacturing__step-copy p{
    margin-top:3px!important;font-size:10.5px!important;line-height:1.55!important;
  }
  html body.home .q524-manufacturing__step-dot{
    width:8px!important;height:8px!important;right:-16px!important;
  }
}

/* Remove any duration badge / native player UI space. */
html body.home .q524-manufacturing__video-badge{display:none!important}
html body.home .q524-manufacturing__video::-webkit-media-controls{display:none!important}
html body.home .q524-manufacturing__video::-webkit-media-controls-enclosure{display:none!important}

/* MOBILE HERO */
@media(max-width:900px){
  html body.home .q508-hero-content{
    top:41.4%!important;
    width:90%!important;
  }
  html body.home .q508-hero-content .q494-hero-title-wrap{
    margin-bottom:14px!important;
  }
  html body.home .q508-hero-content .q494-hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    flex-direction:initial!important;
    align-items:stretch!important;
    width:min(74vw,260px)!important;
    gap:6px!important;
    margin-inline:auto!important;
  }
  html body.home .q508-hero-content .q494-hero-action,
  html body.home .q508-hero-content .q494-hero-action:nth-child(2){
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    min-height:0!important;
    height:33px!important;
    padding:0 7px!important;
    border-radius:10px!important;
    font-size:10px!important;
    background:transparent!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.72)!important;
  }
  html body.home .q508-hero-content .q494-hero-action:nth-child(3){
    grid-column:1 / -1!important;
    width:calc(50% - 3px)!important;
    justify-self:center!important;
  }
}
@media(max-width:390px){
  html body.home .q508-hero-content{top:41.1%!important}
  html body.home .q508-hero-content .q494-hero-actions{width:min(78vw,250px)!important;gap:5px!important}
  html body.home .q508-hero-content .q494-hero-action{height:31px!important;font-size:9.4px!important}
}

/* FOOTER — slightly larger Commercial Registration icon */
.site-footer .qasr-footer-commercial__icon{
  flex-basis:80px!important;width:80px!important;height:80px!important;min-width:80px!important;max-width:80px!important;
}
.site-footer .qasr-footer-commercial__icon img{
  width:80px!important;height:80px!important;min-width:80px!important;max-width:80px!important;max-height:80px!important;
}
@media(max-width:700px){
  .site-footer .qasr-footer-commercial__icon{
    flex-basis:60px!important;width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;
  }
  .site-footer .qasr-footer-commercial__icon img{
    width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;max-height:60px!important;
  }
}