/* R65 — jornada do produto: header persistente, parcelamento recolhível e galeria lateral */
:root{--gg-r65-header-h:82px}

/* O cabeçalho do catálogo permanece disponível durante toda a ficha. */
.top{z-index:11000!important}
#detailModal{
  top:var(--gg-r65-header-h)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:auto!important;
  padding:0!important;
  z-index:10000!important;
  overflow:hidden!important;
}
#detailModal .modal-card{
  width:100vw!important;
  max-width:none!important;
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  border-radius:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
#detailModal .close-row{
  top:0!important;
  z-index:20!important;
}
/* Menus e outros fluxos abertos pelo header precisam ficar acima da ficha. */
.gg-catalog-menu{z-index:11500!important}
.modal.open:not(#detailModal){z-index:12000!important}

/* Parcelamento: abertura/fechamento suave. */
#detailModal #installArea{
  overflow:hidden;
  transition:max-height .28s ease,opacity .22s ease,margin .22s ease;
}
#detailModal #installArea.hidden{display:none!important}
#detailModal #payCard[aria-expanded="true"] span:after{
  content:" · toque para recolher";
  font-size:.86em;
  color:var(--muted);
}

/* Galeria com sensação de deslocamento lateral. */
#detailModal .r30-main-image{position:relative;overflow:hidden}
#detailModal #r30MainProductImage{
  will-change:transform,opacity;
}
#detailModal #r30MainProductImage.r65-slide-next{
  animation:r65SlideNext .42s cubic-bezier(.2,.7,.25,1);
}
#detailModal #r30MainProductImage.r65-slide-prev{
  animation:r65SlidePrev .42s cubic-bezier(.2,.7,.25,1);
}
@keyframes r65SlideNext{
  0%{opacity:.2;transform:translateX(15%)}
  100%{opacity:1;transform:translateX(0)}
}
@keyframes r65SlidePrev{
  0%{opacity:.2;transform:translateX(-15%)}
  100%{opacity:1;transform:translateX(0)}
}
.r65-gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.9);
  box-shadow:0 7px 20px rgba(0,0,0,.10);
  display:grid;
  place-items:center;
  z-index:4;
  font-size:24px;
  line-height:1;
  color:#3b2a1e;
}
.r65-gallery-prev{left:12px}
.r65-gallery-next{right:12px}
.r65-gallery-dots{
  position:absolute;
  left:50%;
  bottom:11px;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  z-index:4;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(5px);
}
.r65-gallery-dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#c9c9c9}
.r65-gallery-dot.active{background:#b88922;transform:scale(1.25)}
@media(max-width:720px){
  .r65-gallery-arrow{width:36px;height:36px;font-size:20px}
  .r65-gallery-prev{left:8px}.r65-gallery-next{right:8px}
  #detailModal .modal-card{padding-left:14px!important;padding-right:14px!important}
}
@media(prefers-reduced-motion:reduce){
  #detailModal #r30MainProductImage.r65-slide-next,
  #detailModal #r30MainProductImage.r65-slide-prev{animation:none!important}
  #detailModal #installArea{transition:none!important}
}


/* Descrição técnica padronizada — conteúdo bruto continua preservado no Admin/banco. */
.r65-structured-description{
  white-space:normal!important;
  color:#4b423d;
}
.r65-desc-section{
  padding-top:2px;
}
.r65-desc-section h5{
  margin:0 0 14px;
  font-size:1.08rem;
  line-height:1.25;
  font-weight:800;
  color:#342820;
}
.r65-desc-list{
  margin:0;
  padding-left:1.3rem;
  display:grid;
  gap:8px;
}
.r65-desc-list li{
  padding-left:2px;
  line-height:1.48;
  color:#514841;
}
.r65-desc-list strong{
  color:#2f2823;
  font-weight:800;
}
.r65-desc-highlights{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(120,92,64,.16);
}
.r65-desc-highlights p{
  margin:0 0 10px;
  line-height:1.55;
  color:#514841;
}
@media(max-width:720px){
  .r65-desc-section h5{font-size:1rem;margin-bottom:11px}
  .r65-desc-list{gap:7px;padding-left:1.15rem}
  .r65-desc-list li{font-size:.92rem;line-height:1.4}
  .r65-desc-highlights p{font-size:.92rem}
}
