/* LETO v1.1.11.30 — client media centering revision
   1) Monthly Drop: full Raffaello image, centered, never cropped, no text overlay.
   2) Product catalog: one square media frame everywhere, no blank strip between
      image and card body, and every product image centered consistently. */

/* --------------------------------------------------------------------------
   GLOBAL PRODUCT CARD MEDIA — Home / Shop / filters / related products
   -------------------------------------------------------------------------- */
body.leto-site .product-card.leto-v117-card .leto-v117-card-media,
body.leto-site .leto-v117-grid .product-card.leto-v117-card .leto-v117-card-media,
body.leto-site .leto-v117-shop-grid .product-card.leto-v117-card .leto-v117-card-media,
body.leto-site .leto-related .product-card.leto-v117-card .leto-v117-card-media{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--leto-card-beige,#f2e4d4)!important;
  line-height:0!important;
}

body.leto-site .product-card.leto-v117-card .leto-v117-card-media>a,
body.leto-site .leto-v117-grid .product-card.leto-v117-card .leto-v117-card-media>a,
body.leto-site .leto-v117-shop-grid .product-card.leto-v117-card .leto-v117-card-media>a,
body.leto-site .leto-related .product-card.leto-v117-card .leto-v117-card-media>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:0!important;
}

body.leto-site .product-card.leto-v117-card .leto-v117-card-media img,
body.leto-site .leto-v117-grid .product-card.leto-v117-card .leto-v117-card-media img,
body.leto-site .leto-v117-shop-grid .product-card.leto-v117-card .leto-v117-card-media img,
body.leto-site .leto-related .product-card.leto-v117-card .leto-v117-card-media img,
body.leto-site .product-card.leto-v117-card[data-product-slug] .leto-v117-card-media img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  transform-origin:center center!important;
  filter:none!important;
}

/* The body must touch the media frame directly: no inherited image/background gap. */
body.leto-site .product-card.leto-v117-card .leto-v117-card-body{
  margin-top:0!important;
  border-top:0!important;
}

/* Product detail: show the complete product photo centered instead of cropping it. */
body.leto-site.leto-product-page .leto-product-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--leto-card-beige,#f2e4d4)!important;
}
body.leto-site.leto-product-page .leto-product-main-image{
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:var(--leto-card-beige,#f2e4d4)!important;
}

/* --------------------------------------------------------------------------
   MONTHLY DROP — image is the hero; text lives below it, never over the cake
   -------------------------------------------------------------------------- */
body.leto-site .leto-monthly-drop-card{
  overflow:auto!important;
}
body.leto-site .leto-monthly-drop-media{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  overflow:hidden!important;
  background:#c79d84!important;
  border-radius:24px 24px 0 0!important;
}
body.leto-site .leto-monthly-drop-media:after{display:none!important;content:none!important}
body.leto-site .leto-monthly-drop-media img{
  position:static!important;
  inset:auto!important;
  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;
  margin:0!important;
  padding:0!important;
}
body.leto-site .leto-monthly-drop-kicker,
body.leto-site .leto-monthly-drop-title,
body.leto-site .leto-monthly-drop-brand{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;text-shadow:none!important}
body.leto-site .leto-monthly-drop-copy{display:grid!important;gap:5px!important;text-align:center!important;margin:0 0 7px!important}
body.leto-site .leto-monthly-drop-copy .leto-monthly-drop-kicker{
  width:auto!important;
  justify-self:center!important;
  padding:0!important;
  background:transparent!important;
  color:#557080!important;
  font:800 10px/1.2 "DM Sans",sans-serif!important;
  letter-spacing:1.6px!important;
  text-transform:uppercase!important;
}
body.leto-site .leto-monthly-drop-copy .leto-monthly-drop-title{
  color:#063a59!important;
  font:700 clamp(30px,6vw,42px)/1 "Playfair Display",serif!important;
  letter-spacing:-1px!important;
}
body.leto-site .leto-monthly-drop-actions{
  padding:16px 20px 20px!important;
}

@media(max-width:640px){
  body.leto-site .leto-monthly-drop-media{border-radius:20px 20px 0 0!important}
  body.leto-site .leto-monthly-drop-actions{padding:13px 16px 16px!important}
}