/* R76 — padronizacao global de imagens + painel de informacoes */

/* Todos os cards de produto usam o mesmo enquadramento. */
.card .thumb,
.gg-rail-card .thumb,
.r27-results .thumb,
#ggHighlightRail .thumb,
#ggNewestRail .thumb,
#ggOfferRail .thumb,
.r26-related .thumb,
.r30-related .thumb{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f6f6f6!important;
}

.card .thumb img,
.gg-rail-card .thumb img,
.r27-results .thumb img,
#ggHighlightRail .thumb img,
#ggNewestRail .thumb img,
#ggOfferRail .thumb img,
.r26-related .thumb img,
.r30-related .thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  box-sizing:border-box!important;
  padding:14px!important;
  margin:auto!important;
  transform:none!important;
}

/* Ficha: imagem inteira, sem crop e sem herdar aspect-ratio da regra legada. */
#detailModal .r30-gallery{
  overflow:hidden!important;
  background:#f5f5f5!important;
}
#detailModal .r30-main-image{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  padding:clamp(18px,4vw,38px)!important;
  box-sizing:border-box!important;
  background:#f5f5f5!important;
}
#detailModal #r30MainProductImage,
#detailModal .r30-main-image>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:auto!important;
}
#detailModal .r30-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
}

/* O painel recriado pela R76 nunca herda display:none da ficha. */
#r76InfoSheet .r69-source-info,
#r76InfoSheet .hidden{
  display:block!important;
}
#r76InfoSheet{
  position:fixed!important;
  inset:0!important;
  z-index:15050!important;
  display:flex!important;
  align-items:flex-end!important;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
#r76InfoSheet.open{opacity:1;pointer-events:auto}
#r76InfoSheet .r76-backdrop{position:absolute;inset:0;background:rgba(20,15,10,.38)}
#r76InfoSheet .r76-panel{
  position:relative;
  width:100%;
  max-height:88dvh;
  overflow:auto;
  background:#fff;
  border-radius:24px 24px 0 0;
  padding:10px 18px calc(24px + env(safe-area-inset-bottom));
  transform:translateY(102%);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 -18px 50px rgba(33,24,15,.18);
}
#r76InfoSheet.open .r76-panel{transform:translateY(0)}
#r76InfoSheet .r76-handle{width:42px;height:5px;border-radius:99px;background:#d8d3cd;margin:2px auto 12px}
#r76InfoSheet .r76-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  position:sticky;top:-10px;z-index:3;background:#fff;padding:8px 0 10px
}
#r76InfoSheet .r76-head h3{margin:0;font-size:19px;line-height:1.2}
#r76InfoSheet .r76-close{
  width:40px;height:40px;border-radius:50%;border:1px solid #e6e0d8;background:#fff;
  font-size:22px;display:grid;place-items:center
}
#r76InfoSheet .r76-content>.box,
#r76InfoSheet .r76-content>.r55-fragrance-stack{display:block!important;margin:0 0 14px!important}
#r76InfoSheet .detail-desc{white-space:pre-wrap;font-size:14px;line-height:1.6}
#r76InfoSheet .r30-specs{display:grid!important}
#r76InfoSheet .r72-description-title,
#r76InfoSheet .r72-spec-title{display:block!important}
#r76InfoSheet .gg-fragrance-native{display:block!important}
#r76InfoSheet .r75-fragrance-profile{
  display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;border-radius:14px
}
#r76InfoSheet .r76-empty{padding:28px 4px;color:#75675c;line-height:1.5}

@media(max-width:820px){
  .card .thumb img,
  .gg-rail-card .thumb img,
  .r27-results .thumb img,
  #ggHighlightRail .thumb img,
  #ggNewestRail .thumb img,
  #ggOfferRail .thumb img,
  .r26-related .thumb img,
  .r30-related .thumb img{padding:16px!important}

  #detailModal .r30-main-image{
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    padding:20px!important;
  }
  #detailModal #r30MainProductImage,
  #detailModal .r30-main-image>img{
    width:100%!important;height:100%!important;max-height:none!important;
    aspect-ratio:auto!important;object-fit:contain!important;
  }
}