/* Ziel About R18: restore original full-bleed hero dimensions; real links; no lower image card.
   Namespaced to About. Does not touch the global header, footer, login, pricing or checkout. */
#za17 .za17-hero {
  padding:0 !important;
  margin:0;
  height:clamp(465px,32vw,558px);
  min-height:0;
  background:#061826;
}
#za17 .za17-hero > .za17-wrap {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  height:100%;
}
#za17 .za17-hero-image-shell {
  width:100%;height:100%;
  border-radius:0 !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden;
  position:relative;
  background:#061826;
}
#za17 .za17-hero-image-shell > .za18-full-hero {
  display:block;
  width:100%;height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 57%;
  border:0;
  border-radius:0;
}
#za17 .za17-hotspot { display:none !important; }
#za17 .za18-hero-actions {
  position:absolute;
  left:5%;
  bottom:clamp(26px,5.45vw,79px);
  z-index:2;
  display:flex;
  align-items:center;
  gap:13px;
}
#za17 .za18-hero-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  min-height:50px;
  padding:12px 27px;
  font-family:inherit;font-size:clamp(14px,1.05vw,17px);font-weight:700;line-height:1.25;
  text-decoration:none;
  white-space:nowrap;
  border-radius:999px;
  border:1px solid transparent;
  box-shadow:0 9px 20px rgba(1,13,24,.17);
  transition:filter .17s ease,transform .17s ease;
  cursor:pointer;
}
#za17 .za18-hero-actions a:first-child {background:#ff5358;color:white;}
#za17 .za18-hero-actions a:last-child {background:white;color:#061826;}
#za17 .za18-hero-actions a:hover {filter:brightness(1.06);transform:translateY(-1px);}
#za17 .za18-hero-actions a:focus-visible {outline:3px solid #77ead4;outline-offset:4px;}
#za17 .za18-hero-actions svg {width:18px;height:18px;stroke-width:2;}
#za17 .za18-mobile-copy,#za17 .za18-mobile-device {display:none;}
/* Real transparent product art is visually part of the white About section, not a card. */
#za17 .za17-product-visual {
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0;
  min-height:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
#za17 .za17-product-visual img {
  display:block;
  width:100%;height:auto !important;
  max-height:420px;
  max-width:100%;
  object-fit:contain !important;
  object-position:center !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
@media(max-width:1100px){
 #za17 .za18-hero-actions {left:4.5%;bottom:35px;}
 #za17 .za18-hero-actions a {min-height:46px;padding:11px 20px;}
}
@media(max-width:760px){
 #za17 .za17-hero {height:auto;min-height:0;}
 #za17 .za17-hero-image-shell {
   height:auto;
   display:flex;
   flex-direction:column;
   background:linear-gradient(110deg,rgba(2,18,31,.96),rgba(2,30,47,.60)),url('ziel-ac-mountain-r13.webp') center/cover no-repeat;
 }
 #za17 .za17-hero-image-shell > .za18-full-hero {display:none;}
 #za17 .za18-mobile-copy {
   display:block;
   order:1;
   padding:42px 6% 0;
   color:#fff;
   position:relative;
   z-index:2;
 }
 #za17 .za18-mobile-copy .za18-kicker {font-size:12px;font-weight:800;letter-spacing:.12em;color:#82e6d4;}
 #za17 .za18-mobile-copy h2 {font-size:clamp(34px,7.4vw,53px);line-height:1.09;letter-spacing:-.04em;margin:18px 0 14px;color:#fff;}
 #za17 .za18-mobile-copy p {font-size:clamp(13px,3.55vw,16px);line-height:1.55;color:#e5f0f7;max-width:580px;}
 #za17 .za18-hero-actions {order:2;position:relative;left:auto;bottom:auto;margin:25px 6% 0;gap:10px;flex-wrap:wrap;}
 #za17 .za18-hero-actions a {min-height:43px;padding:10px 17px;font-size:13px;}
 #za17 .za18-mobile-device {order:3;display:block;width:100%;height:auto;max-height:410px;object-fit:contain;object-position:bottom center;margin:9px auto 0;mask-image:linear-gradient(to bottom, transparent 0%,black 9%);}
 #za17 .za17-product-visual img {max-height:390px;}
}
@media(max-width:380px){
 #za17 .za18-hero-actions a {padding:9px 12px;font-size:12px;}
 #za17 .za18-hero-actions svg {width:15px;height:15px;}
}
@media(prefers-reduced-motion:reduce){#za17 .za18-hero-actions a{transition:none;}}


/* R22 image-only About refinements. No edits to hero/auth/functional content. */
#za17 .za17-product-visual img[src$="about-devices-r22.webp"] {
  display:block!important;
  max-height:455px!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 13px rgba(6,24,38,.07));
}
/* The desktop mountain asset already contains the banner copy and lettering.
   Avoid doubling that copy, while keeping original HTML accessible to assistive tech. */
@media(min-width:761px) {
  #za17 .za17-last {
    background:#061826 url('about-last-banner-r22.webp') center center / 100% 100% no-repeat!important;
    position:relative;
    isolation:isolate;
    width:100%;
    aspect-ratio:2048 / 476;
    min-height:0!important;
    padding:0!important;
    display:block!important;
    border-radius:22px!important;
    overflow:hidden;
  }
  #za17 .za17-last::before {display:none!important;content:none!important;}
  #za17 .za17-last > .za17-kicker,
  #za17 .za17-last > h2,
  #za17 .za17-last > p {
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  #za17 .za17-last .za17-actions {
    position:absolute!important;
    bottom:3.25%!important;
    left:5.7%!important;
    right:auto!important;
    margin:0!important;
    gap:11px!important;
    z-index:2;
  }
  #za17 .za17-last .za17-actions a {
    font-size:clamp(11px, .95vw, 15px)!important;
    min-height:clamp(33px,2.9vw,45px)!important;
    padding:8px clamp(12px,1.5vw,24px)!important;
    box-shadow:0 5px 18px rgba(1,15,28,.22);
  }
}
/* On smaller screens the image's baked-in text would become microscopic.
   Keep the original selectable HTML text and functional buttons instead. */
@media(max-width:760px) {
  #za17 .za17-last {background:#061826 url('ziel-ac-mountain-r13.webp') center/cover no-repeat!important;}
  #za17 .za17-last::before {display:block!important;content:''!important;}
  #za17 .za17-product-visual img[src$="about-devices-r22.webp"] {max-height:400px!important;}
}