/* ROSSINI 2.9.18 — Single product technical actions aligned to the real gallery.
 * The previous shared 2.9.11 CSS and per-product WPBakery inline styles
 * assign wide grid tracks / centered margins, creating large gaps.
 * This layer uses the existing real CF7 form and disclosure unmodified.
 * Gallery x-position/width are supplied by technical-actions-align.js.
 */
body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform {
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:max-content max-content!important;
  grid-template-rows:auto!important;
  column-gap:14px!important;
  row-gap:0!important;
  justify-content:start!important;
  align-content:start!important;
  align-items:start!important;
  justify-items:start!important;
  width:var(--rplg-tech-gallery-width,min(1360px,calc(100vw - 32px)))!important;
  min-width:0!important;
  max-width:none!important;
  margin:10px 0 18px!important;
  padding:0!important;
  left:0!important;
  right:auto!important;
  transform:translateX(var(--rplg-tech-align-x,0px))!important;
  text-align:left!important;
}
body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform > .rplg-tech-return {
  box-sizing:border-box!important;
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:start!important;
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
}
body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform > .rplg-tech-details {
  box-sizing:border-box!important;
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:start!important;
  width:max-content!important;
  min-width:0!important;
  max-width:min(650px,calc(100vw - 32px))!important;
  margin:0!important;
  padding:0!important;
}
body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform > .rplg-tech-details > summary {
  box-sizing:border-box!important;
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:52px!important;
  margin:0!important;
  transform:none!important;
  text-align:center!important;
}
body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform .rplg-tech-panel {
  max-width:min(650px,calc(100vw - 32px))!important;
  box-sizing:border-box!important;
}
/* Two side-by-side, equally sized controls even on narrow phone screens.
 * When the disclosure opens, let its panel extend back under BOTH buttons
 * and remain in document flow, with no overlap with the related carousel. */
@media(max-width:760px) {
  body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    column-gap:8px!important;
    row-gap:0!important;
    margin:10px 0 16px!important;
  }
  body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform > .rplg-tech-return,
  body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform > .rplg-tech-details > summary {
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:60px!important;
    padding:10px 8px!important;
    white-space:normal!important;
    line-height:1.35!important;
    font-size:clamp(10px,2.85vw,12px)!important;
    gap:5px!important;
    border-radius:13px!important;
  }
  body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform > .rplg-tech-details {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.rplg-active.rplg-model .rplg-model-content :is(#rplg-tech-actions-19726,.rplg-universal-tech-actions).rplg-tech-uniform .rplg-tech-panel {
    box-sizing:border-box!important;
    position:relative!important;
    left:calc(-100% - 8px)!important;
    width:var(--rplg-tech-gallery-width,calc(100vw - 28px))!important;
    min-width:0!important;
    max-width:var(--rplg-tech-gallery-width,calc(100vw - 28px))!important;
    margin:8px 0 0!important;
    padding:20px 14px!important;
  }
}
