/* Shared certification strip — same presentation across public storefront pages. */
.service-footer{
  width:100%;
  min-height:92px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  padding:0 max(24px,calc((100vw - 1180px)/2));
  border-top:1px solid rgba(255,255,255,.12);
  background:#050505;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
}
.service-footer .service-item{
  min-width:0;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:14px 18px;
  border-right:1px solid rgba(255,255,255,.08);
}
.service-footer .service-item:last-child{border-right:0}
.service-footer .service-mark{
  display:block;
  flex:0 0 auto;
  object-fit:contain;
}
.service-footer .service-mark--specialized{width:27px;height:48px}
.service-footer .service-mark--rockshox{width:34px;height:40px}
.service-footer .service-mark--sos{width:48px;height:48px}
.service-footer .service-icon{
  width:34px;
  height:34px;
  flex:0 0 auto;
  fill:none;
  stroke:#d8d6d1;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-footer .service-icon .accent{stroke:#e31b23}
.service-footer span{
  max-width:145px;
  color:#dedde0;
  font:500 9px/1.35 Inter,Arial,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
@media(max-width:760px){
  .service-footer{grid-template-columns:1fr;padding:18px 34px}
  .service-footer .service-item{
    width:min(100%,360px);
    min-height:70px;
    margin:0 auto;
    padding:10px 18px;
    justify-content:flex-start;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .service-footer .service-item:last-child{border-bottom:0}
  .service-footer .service-mark--specialized{width:25px;height:45px}
  .service-footer .service-mark--rockshox{width:31px;height:37px}
  .service-footer .service-mark--sos{width:44px;height:44px;margin-left:-6px;margin-right:-1px}
  .service-footer span{max-width:180px;font-size:10px}
}

/* Product shirts: normalize admin-uploaded media inside the fixed gallery frame. */
html.saenz-shirt-detail body.saenz-shirt-product .gallery-stage{
  overflow:hidden!important;
}
html.saenz-shirt-detail body.saenz-shirt-product #productImage{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:18px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  transform-origin:center center!important;
}
html.saenz-shirt-detail body.saenz-shirt-product .gallery-thumbs button{
  overflow:hidden!important;
}
html.saenz-shirt-detail body.saenz-shirt-product .gallery-thumbs img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
@media(max-width:600px){
  html.saenz-shirt-detail body.saenz-shirt-product #productImage{
    padding:12px!important;
    transform:none!important;
  }
}

/* Product shirts: use the same graphite stage and edge blend as the shirt catalog cards. */
html.saenz-shirt-detail body.saenz-shirt-product .gallery-stage,
html.saenz-shirt-detail body.saenz-shirt-product .gallery-thumbs button{
  background:#0a0b0c!important;
}
html.saenz-shirt-detail body.saenz-shirt-product #productImage,
html.saenz-shirt-detail body.saenz-shirt-product .gallery-thumbs img{
  background:transparent!important;
  mix-blend-mode:lighten!important;
  -webkit-mask-image:radial-gradient(ellipse 88% 84% at center,#000 58%,rgba(0,0,0,.98) 68%,rgba(0,0,0,.82) 78%,rgba(0,0,0,.46) 89%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 88% 84% at center,#000 58%,rgba(0,0,0,.98) 68%,rgba(0,0,0,.82) 78%,rgba(0,0,0,.46) 89%,transparent 100%)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
}