/* MasterPalm Patch 237 — protective 16:9 guard
   Purpose:
   1) Keep the homepage CMS slideshow as a true 16:9 frame with square corners.
   2) Keep collection/category cards as 16:9 background-image tiles on desktop and mobile.
   This file is intentionally loaded after the older MasterPalm theme styles so later template
   or translation patches do not accidentally revert the media ratio. */

/* ================================
   Homepage slideshow: 16:9, no radius
================================ */
body.site-masterpalm #site-main .mp-cms-home-slideshow,
body.masterpalm-theme #site-main .mp-cms-home-slideshow,
#site-main .ses-home-hero.mp-cms-home-slideshow{
  --mp-home-slide-header-offset:120px;
  --mp-home-slide-copy-top:clamp(52px,5.6vw,118px);
  --mp-home-slide-copy-bottom:clamp(34px,3.4vw,68px);
  --mp-home-slide-visible-lift:max(0px, calc(56.25vw - (100svh - var(--mp-home-slide-header-offset))));
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#050607 !important;
  border-radius:0 !important;
}
@supports (height:100dvh){
  body.site-masterpalm #site-main .mp-cms-home-slideshow,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow,
  #site-main .ses-home-hero.mp-cms-home-slideshow{
    --mp-home-slide-visible-lift:max(0px, calc(56.25vw - (100dvh - var(--mp-home-slide-header-offset))));
  }
}

body.site-masterpalm #site-main .mp-cms-home-slideshow #sesHero,
body.site-masterpalm #site-main .mp-cms-home-slideshow .carousel,
body.site-masterpalm #site-main .mp-cms-home-slideshow .carousel-inner,
body.masterpalm-theme #site-main .mp-cms-home-slideshow #sesHero,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .carousel,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .carousel-inner,
#site-main .ses-home-hero.mp-cms-home-slideshow #sesHero,
#site-main .ses-home-hero.mp-cms-home-slideshow .carousel,
#site-main .ses-home-hero.mp-cms-home-slideshow .carousel-inner{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.site-masterpalm #site-main .mp-cms-home-slideshow .carousel-item,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .carousel-item,
#site-main .ses-home-hero.mp-cms-home-slideshow .carousel-item{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-slide,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-slide,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-slide{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  display:block !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-slide::before,
body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-slide::after,
body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-hero-video-stage,
body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-hero-video-stage::before,
body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-hero-video-stage::after,
body.site-masterpalm #site-main .mp-cms-home-slideshow iframe,
body.site-masterpalm #site-main .mp-cms-home-slideshow video,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-slide::before,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-slide::after,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-hero-video-stage,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-hero-video-stage::before,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-hero-video-stage::after,
body.masterpalm-theme #site-main .mp-cms-home-slideshow iframe,
body.masterpalm-theme #site-main .mp-cms-home-slideshow video,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-slide::before,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-slide::after,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-hero-video-stage,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-hero-video-stage::before,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-hero-video-stage::after,
#site-main .ses-home-hero.mp-cms-home-slideshow iframe,
#site-main .ses-home-hero.mp-cms-home-slideshow video{
  border-radius:0 !important;
}

body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-frame{
  width:var(--ses-slide-safe-frame, min(1320px, calc(100% - 40px))) !important;
  max-width:var(--ses-slide-safe-frame, min(1320px, calc(100% - 40px))) !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-copy,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-copy::before,
#site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-copy::after{
  border-radius:0 !important;
}

@media (min-width:992px){
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-frame{
    padding:var(--mp-home-slide-copy-top) 0 var(--mp-home-slide-copy-bottom) !important;
  }
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-slide.text-position-desktop-bottom-left .ses-home-hero-frame,
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-slide.text-position-desktop-bottom-right .ses-home-hero-frame,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-slide.text-position-desktop-bottom-left .ses-home-hero-frame,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-slide.text-position-desktop-bottom-right .ses-home-hero-frame,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-slide.text-position-desktop-bottom-left .ses-home-hero-frame,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-slide.text-position-desktop-bottom-right .ses-home-hero-frame{
    padding-bottom:calc(var(--mp-home-slide-copy-bottom) + var(--mp-home-slide-visible-lift)) !important;
  }
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-copy{
    height:auto !important;
    min-height:0 !important;
    max-height:min(430px, calc(100% - 8px)) !important;
    overflow:hidden !important;
  }
}

@media (max-width:991.98px){
  body.site-masterpalm #site-main .mp-cms-home-slideshow,
  body.site-masterpalm #site-main .mp-cms-home-slideshow #sesHero,
  body.site-masterpalm #site-main .mp-cms-home-slideshow .carousel,
  body.site-masterpalm #site-main .mp-cms-home-slideshow .carousel-inner,
  body.site-masterpalm #site-main .mp-cms-home-slideshow .carousel-item,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow #sesHero,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .carousel,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .carousel-inner,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .carousel-item,
  #site-main .ses-home-hero.mp-cms-home-slideshow,
  #site-main .ses-home-hero.mp-cms-home-slideshow #sesHero,
  #site-main .ses-home-hero.mp-cms-home-slideshow .carousel,
  #site-main .ses-home-hero.mp-cms-home-slideshow .carousel-inner,
  #site-main .ses-home-hero.mp-cms-home-slideshow .carousel-item{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
    border-radius:0 !important;
  }
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-slide,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-slide,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-slide{
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    background-position:center center !important;
    border-radius:0 !important;
  }
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-frame{
    width:calc(100% - 36px) !important;
    max-width:calc(100% - 36px) !important;
    height:100% !important;
    padding:18px 0 34px !important;
    transform:none !important;
    overflow:hidden !important;
    border-radius:0 !important;
  }
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-copy{
    width:min(60%, 380px) !important;
    min-height:0 !important;
    max-height:100% !important;
    padding:0 !important;
    overflow:hidden !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border-radius:0 !important;
  }
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-url,
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-description,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-url,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-description,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-url,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-description{
    display:none !important;
  }
}

@media (max-width:575.98px){
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-frame,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-frame{
    width:calc(100% - 28px) !important;
    max-width:calc(100% - 28px) !important;
    padding:12px 0 26px !important;
  }
  body.site-masterpalm #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
  body.masterpalm-theme #site-main .mp-cms-home-slideshow .ses-home-hero-copy,
  #site-main .ses-home-hero.mp-cms-home-slideshow .ses-home-hero-copy{
    width:min(72%, 280px) !important;
  }
}

/* ================================
   Collection/category cards: 16:9 background-image tiles
================================ */
body.site-masterpalm #site-main .mp-category-grid,
body.site-masterpalm #site-main .mp-category-grid-list,
body.site-masterpalm #site-main .mp-subcollection-grid,
body.masterpalm-theme #site-main .mp-category-grid,
body.masterpalm-theme #site-main .mp-category-grid-list,
body.masterpalm-theme #site-main .mp-subcollection-grid,
#site-main .mp-category-grid,
#site-main .mp-category-grid-list,
#site-main .mp-subcollection-grid{
  display:grid !important;
  gap:16px !important;
}

body.site-masterpalm #site-main .mp-category-grid > .mp-category-card,
body.site-masterpalm #site-main .mp-category-grid-list > .mp-category-card,
body.site-masterpalm #site-main .mp-subcollection-grid > .mp-category-card,
body.site-masterpalm #site-main .mp-home-collections .mp-category-card,
body.site-masterpalm #site-main .mp-child-collections-after-products .mp-category-card,
body.masterpalm-theme #site-main .mp-category-grid > .mp-category-card,
body.masterpalm-theme #site-main .mp-category-grid-list > .mp-category-card,
body.masterpalm-theme #site-main .mp-subcollection-grid > .mp-category-card,
body.masterpalm-theme #site-main .mp-home-collections .mp-category-card,
body.masterpalm-theme #site-main .mp-child-collections-after-products .mp-category-card,
#site-main .mp-category-grid > .mp-category-card,
#site-main .mp-category-grid-list > .mp-category-card,
#site-main .mp-subcollection-grid > .mp-category-card,
#site-main .mp-home-collections .mp-category-card,
#site-main .mp-child-collections-after-products .mp-category-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:stretch !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  background-color:#11161b !important;
  background-image:var(--mp-bg, none) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  color:#fff !important;
  isolation:isolate !important;
}

body.site-masterpalm #site-main .mp-category-card::before,
body.masterpalm-theme #site-main .mp-category-card::before,
#site-main .mp-category-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  background:
    linear-gradient(180deg,rgba(7,10,14,.08) 0%,rgba(7,10,14,.24) 42%,rgba(7,10,14,.88) 100%),
    var(--mp-bg, none) center center / cover no-repeat !important;
  transform:none !important;
  transition:none !important;
}

body.site-masterpalm #site-main .mp-category-card:hover::before,
body.masterpalm-theme #site-main .mp-category-card:hover::before,
#site-main .mp-category-card:hover::before{
  transform:none !important;
}

body.site-masterpalm #site-main .mp-category-card .mp-card-body,
body.masterpalm-theme #site-main .mp-category-card .mp-card-body,
#site-main .mp-category-card .mp-card-body{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
}

body.site-masterpalm #site-main .ses-page-business-units .ses-inner-tile-grid > .ses-inner-tile,
body.site-masterpalm #site-main .ses-category-application-scopes .ses-inner-tile-grid > .ses-inner-tile,
body.site-masterpalm #site-main .ses-related-scope-section .ses-inner-tile-grid > .ses-inner-tile,
body.site-masterpalm #site-main .ses-product-link-scopes .ses-inner-tile-grid > .ses-inner-tile,
body.masterpalm-theme #site-main .ses-page-business-units .ses-inner-tile-grid > .ses-inner-tile,
body.masterpalm-theme #site-main .ses-category-application-scopes .ses-inner-tile-grid > .ses-inner-tile,
body.masterpalm-theme #site-main .ses-related-scope-section .ses-inner-tile-grid > .ses-inner-tile,
body.masterpalm-theme #site-main .ses-product-link-scopes .ses-inner-tile-grid > .ses-inner-tile,
#site-main .ses-page-business-units .ses-inner-tile-grid > .ses-inner-tile,
#site-main .ses-category-application-scopes .ses-inner-tile-grid > .ses-inner-tile,
#site-main .ses-related-scope-section .ses-inner-tile-grid > .ses-inner-tile,
#site-main .ses-product-link-scopes .ses-inner-tile-grid > .ses-inner-tile{
  aspect-ratio:16 / 9 !important;
  min-height:0 !important;
  height:auto !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

@media (min-width:1200px){
  body.site-masterpalm #site-main .mp-category-grid,
  body.site-masterpalm #site-main .mp-category-grid-list,
  body.site-masterpalm #site-main .mp-subcollection-grid,
  body.masterpalm-theme #site-main .mp-category-grid,
  body.masterpalm-theme #site-main .mp-category-grid-list,
  body.masterpalm-theme #site-main .mp-subcollection-grid,
  #site-main .mp-category-grid,
  #site-main .mp-category-grid-list,
  #site-main .mp-subcollection-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media (min-width:768px) and (max-width:1199.98px){
  body.site-masterpalm #site-main .mp-category-grid,
  body.site-masterpalm #site-main .mp-category-grid-list,
  body.site-masterpalm #site-main .mp-subcollection-grid,
  body.masterpalm-theme #site-main .mp-category-grid,
  body.masterpalm-theme #site-main .mp-category-grid-list,
  body.masterpalm-theme #site-main .mp-subcollection-grid,
  #site-main .mp-category-grid,
  #site-main .mp-category-grid-list,
  #site-main .mp-subcollection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:767.98px){
  body.site-masterpalm #site-main .mp-category-grid,
  body.site-masterpalm #site-main .mp-category-grid-list,
  body.site-masterpalm #site-main .mp-subcollection-grid,
  body.masterpalm-theme #site-main .mp-category-grid,
  body.masterpalm-theme #site-main .mp-category-grid-list,
  body.masterpalm-theme #site-main .mp-subcollection-grid,
  #site-main .mp-category-grid,
  #site-main .mp-category-grid-list,
  #site-main .mp-subcollection-grid{
    grid-template-columns:1fr !important;
  }
  body.site-masterpalm #site-main .mp-category-grid > .mp-category-card,
  body.site-masterpalm #site-main .mp-category-grid-list > .mp-category-card,
  body.site-masterpalm #site-main .mp-subcollection-grid > .mp-category-card,
  body.site-masterpalm #site-main .mp-home-collections .mp-category-card,
  body.site-masterpalm #site-main .mp-child-collections-after-products .mp-category-card,
  body.masterpalm-theme #site-main .mp-category-grid > .mp-category-card,
  body.masterpalm-theme #site-main .mp-category-grid-list > .mp-category-card,
  body.masterpalm-theme #site-main .mp-subcollection-grid > .mp-category-card,
  body.masterpalm-theme #site-main .mp-home-collections .mp-category-card,
  body.masterpalm-theme #site-main .mp-child-collections-after-products .mp-category-card,
  #site-main .mp-category-grid > .mp-category-card,
  #site-main .mp-category-grid-list > .mp-category-card,
  #site-main .mp-subcollection-grid > .mp-category-card,
  #site-main .mp-home-collections .mp-category-card,
  #site-main .mp-child-collections-after-products .mp-category-card,
  body.site-masterpalm #site-main .ses-page-business-units .ses-inner-tile-grid > .ses-inner-tile,
  body.site-masterpalm #site-main .ses-category-application-scopes .ses-inner-tile-grid > .ses-inner-tile,
  body.site-masterpalm #site-main .ses-related-scope-section .ses-inner-tile-grid > .ses-inner-tile,
  body.site-masterpalm #site-main .ses-product-link-scopes .ses-inner-tile-grid > .ses-inner-tile,
  body.masterpalm-theme #site-main .ses-page-business-units .ses-inner-tile-grid > .ses-inner-tile,
  body.masterpalm-theme #site-main .ses-category-application-scopes .ses-inner-tile-grid > .ses-inner-tile,
  body.masterpalm-theme #site-main .ses-related-scope-section .ses-inner-tile-grid > .ses-inner-tile,
  body.masterpalm-theme #site-main .ses-product-link-scopes .ses-inner-tile-grid > .ses-inner-tile,
  #site-main .ses-page-business-units .ses-inner-tile-grid > .ses-inner-tile,
  #site-main .ses-category-application-scopes .ses-inner-tile-grid > .ses-inner-tile,
  #site-main .ses-related-scope-section .ses-inner-tile-grid > .ses-inner-tile,
  #site-main .ses-product-link-scopes .ses-inner-tile-grid > .ses-inner-tile{
    aspect-ratio:16 / 9 !important;
    min-height:0 !important;
    height:auto !important;
  }
}