/* SINTEXX v36: size the wide wordmark by its actual aspect ratio.
   Use about 90% of the available logo area, with safe room for header controls.
   Keep the v31 mobile header's 8px outer clearance and its content-sized rows. */
#header.header-hp .logo-hp > a {
  display:flex !important; align-items:center !important; justify-content:flex-start !important;
  line-height:0 !important; max-width:100% !important;
}
#header.header-hp .logo-hp > a > img[src="/assets/sintexx-logo.png"] {
  display:block !important; width:327px !important; height:auto !important;
  max-width:100% !important; max-height:90px !important;
  object-fit:contain !important; object-position:left center !important;
}
@media (min-width:992px) {
  #header.header-hp .logo-hp {flex:0 0 auto !important; width:327px !important; min-width:0 !important;}
}
@media (min-width:992px) and (max-width:1679.98px) {
  #header.header-hp .logo-hp {width:clamp(230px,24vw,294px) !important;}
  #header.header-hp .logo-hp > a > img[src="/assets/sintexx-logo.png"] {width:100% !important; max-height:81px !important;}
}
@media (max-width:991.98px) {
  #header.header-hp .logo-hp {
    flex:1 1 0 !important; width:auto !important; min-width:0 !important;
    max-width:none !important; align-items:stretch !important;
  }
  #header.header-hp .logo-hp > a {width:100% !important; min-height:70px !important;}
  #header.header-hp .logo-hp > a > img[src="/assets/sintexx-logo.png"] {
    width:min(90%,229px) !important; min-width:min(108px,100%) !important;
    max-width:100% !important; height:auto !important; max-height:63px !important;
  }
  #header.header-hp .aitw-commerce-mobile {flex-shrink:0 !important;}
}
/* Use the space inside the outer page gutter instead of adding a second gutter. */
@media (max-width:600px) {
  #header.header-hp .header-in-hp {padding-left:0 !important; padding-right:0 !important;}
}
/* The PHP store/member header can wrap. Give its wide logo a full row on phones. */
.site-header .aitw-brand-stack {width:clamp(230px,25vw,327px) !important; max-width:100% !important;}
.site-header .aitw-brand-stack .logo,
.site-header a.logo {display:flex !important; align-items:center !important; width:100% !important; max-width:327px !important;}
.site-header .aitw-brand-stack .logo > img[src="/assets/sintexx-logo.png"],
.site-header a.logo > img[src="/assets/sintexx-logo.png"] {
  display:block !important; width:100% !important; height:auto !important;
  max-width:327px !important; max-height:90px !important; object-fit:contain !important;
}
@media (max-width:600px) {
  .site-header .aitw-brand-stack {flex:0 0 100% !important; width:100% !important; align-items:center !important;}
  .site-header .aitw-brand-stack .logo {width:100% !important; max-width:none !important; justify-content:center !important;}
  .site-header .aitw-brand-stack .logo > img[src="/assets/sintexx-logo.png"],
  .site-header a.logo > img[src="/assets/sintexx-logo.png"] {width:90% !important; max-width:327px !important;}
}
.footer-logo-hp > a > img[src="/assets/sintexx-logo.png"] {
  display:block; width:min(90%,300px) !important; max-width:100% !important;
  height:auto !important; object-fit:contain !important;
}