/* Melise V9.2 shared UI fixes */
html,
body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}

/* Keep both skip-link variants inside the viewport in RTL and LTR. */
.melise-static-skip,
.skip{
  position:fixed!important;
  top:8px!important;
  left:auto!important;
  right:auto!important;
  inset-inline-start:8px!important;
  inset-inline-end:auto!important;
  transform:translateY(calc(-100% - 24px))!important;
  z-index:9999!important;
}
.melise-static-skip:focus,
.skip:focus{
  left:auto!important;
  right:auto!important;
  inset-inline-start:8px!important;
  inset-inline-end:auto!important;
  transform:translateY(0)!important;
}

.melise-static-top,
.melise-static-footer,
.site-header,
.site-footer,
.melise-fullbleed,
.wrap{
  min-width:0;
  max-width:100%;
}

/* Grid items otherwise keep their min-content width on narrow product pages. */
.product-layout,
.product-layout > *,
.product-layout .panel,
.product-gallery,
.gallery-stage,
.thumbs{
  min-width:0;
  max-width:100%;
}
@media(max-width:960px){
  .product-layout{
    width:100%;
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Product-page floating contact buttons: black circle, white icon. */
.floating-contact .float-btn{
  background:#050505!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  padding:7px!important;
  overflow:hidden;
}
.floating-contact .float-btn img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}

/* Keep the footer phone icon crisp and stationary. */
.melise-footer-contact a[href^="tel:"]{
  transform:none!important;
  transition:opacity .18s ease!important;
}
.melise-footer-contact a[href^="tel:"]:hover,
.melise-footer-contact a[href^="tel:"]:focus-visible{
  transform:none!important;
  opacity:.88;
}
.melise-footer-contact a[href^="tel:"] img{
  transform:none!important;
  animation:none!important;
  backface-visibility:hidden;
}

@supports not (overflow-x:clip){
  html,
  body{overflow-x:hidden}
}