/* Stable surcharge cards across table-layout engines and open states. */
body.type-detail .detail-parameters-block .detail-parameters>tbody{align-items:start!important}
body.type-detail .detail-parameters-block .detail-parameters tr.surcharge-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;align-content:start!important;height:auto!important;min-height:0!important;transform:none!important;box-sizing:border-box!important}
body.type-detail .detail-parameters-block .detail-parameters tr.surcharge-list>th,
body.type-detail .detail-parameters-block .detail-parameters tr.surcharge-list>td{grid-column:1!important;float:none!important;left:auto!important;top:auto!important;transform:none!important;box-sizing:border-box!important;min-width:0!important;width:100%!important}
body.type-detail .detail-parameters-block .gpc-surcharge-picker{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
body.type-detail .detail-parameters-block .gpc-surcharge-trigger{width:100%!important;box-sizing:border-box!important}
body.type-detail .detail-parameters-block .gpc-surcharge-panel{position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:8px 0 0!important}
body.type-detail .detail-parameters-block .gpc-surcharge-panel[hidden]{display:none!important}

/* Restore native image variants hidden by the Apollo text-variant rule.
   Variant rows span the configurator; surcharge cards retain their own grid. */
body.type-detail .detail-parameters-block .detail-parameters tr.variant-list {
  grid-column: 1 / -1;
  min-width: 0;
  width: 100%;
}
body.type-detail .detail-parameters-block .detail-parameters tr.variant-list > td {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
}
body.type-detail .detail-parameters-block #simple-variants {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
body.type-detail .detail-parameters-block #simple-variants > span:has(> .variant-default) {
  position: absolute;
}
body.type-detail .detail-parameters-block #simple-variants::before,
body.type-detail .detail-parameters-block #simple-variants::after {
  display: none;
  content: none;
}
body.type-detail .detail-parameters-block #simple-variants .advanced-parameter.has-image {
  flex: 0 1 140px;
  width: 140px;
  max-width: calc((100% - 10px) / 2);
  height: auto;
  margin: 0;
  cursor: pointer;
}
body.type-detail .detail-parameters-block #simple-variants .advanced-parameter.has-image .advanced-parameter-inner {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  height: auto;
  min-height: 106px;
  padding: 8px;
  box-sizing: border-box;
  border: 2px solid #d9d0e2;
  border-radius: 10px;
  background: #fff;
  color: #25163d;
  overflow: hidden;
}
body.type-detail .detail-parameters-block #simple-variants .advanced-parameter.has-image img {
  display: block;
  width: 64px;
  height: 64px;
  object-fit: contain;
}
body.type-detail .detail-parameters-block #simple-variants .advanced-parameter.has-image:not(:has(.parameter-value)) .advanced-parameter-inner::after {
  content: attr(data-original-title);
  font: 800 12px/1.3 Nunito, Arial, sans-serif;
  text-align: center;
  overflow-wrap: anywhere;
}
body.type-detail .detail-parameters-block #simple-variants .advanced-parameter.has-image .advanced-parameter-inner.yes-before {
  border-color: #5700c7;
  background-color: #f5edff;
}
body.type-detail .detail-parameters-block #simple-variants .advanced-parameter.has-image .advanced-parameter-inner::before {
  inset: 5px 5px auto auto;
  width: 22px;
  height: 22px;
  background-size: 18px;
}
body.type-detail .detail-parameters-block #simple-variants .advanced-parameter.has-image:focus-within {
  outline: 3px solid #5700c7;
  outline-offset: 3px;
  border-radius: 10px;
}