/* PA v21: Single-Angebot Share-Popover + Hero-Intro width fixes */

/* Share actions: do not let SVG icons or share panel break the product card layout. */
.pa-offer-actions-under-image{
  position:relative !important;
  overflow:visible !important;
  z-index:30 !important;
}
.pa-offer-actions-under-image .pa-list-button,
.pa-offer-actions-under-image .pa-share-button{
  flex:0 0 auto !important;
}
.pa-offer-actions-under-image .pa-list-button svg,
.pa-offer-actions-under-image .pa-share-button svg,
.pa-offer-actions-under-image .pa-share-panel svg,
.pa-offer-actions-under-image .pa-share-link svg,
.pa-share-panel svg,
.pa-share-link svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  flex:0 0 20px !important;
  stroke:currentColor !important;
  object-fit:contain !important;
}
.pa-offer-actions-under-image .pa-share-panel,
.pa-share-panel{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  z-index:99990 !important;
  width:max-content !important;
  min-width:220px !important;
  max-width:min(280px, calc(100vw - 32px)) !important;
  padding:10px !important;
  border:1px solid hsl(var(--color-base-03) / .88) !important;
  border-radius:16px !important;
  background:hsl(var(--color-base-01) / .98) !important;
  color:hsl(var(--color-foreground-01)) !important;
  box-shadow:0 18px 42px hsl(0 0% 0% / .28) !important;
  overflow:hidden !important;
}
.pa-offer-actions-under-image .pa-share-panel[hidden],
.pa-share-panel[hidden]{
  display:none !important;
}
.pa-offer-actions-under-image .pa-share-links,
.pa-share-links{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  width:100% !important;
}
.pa-offer-actions-under-image .pa-share-link,
.pa-share-link{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;
  min-height:38px !important;
  padding:8px 10px !important;
  box-sizing:border-box !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  color:inherit !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-align:left !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
.pa-offer-actions-under-image .pa-share-link:hover,
.pa-offer-actions-under-image .pa-share-link:focus-visible,
.pa-share-link:hover,
.pa-share-link:focus-visible{
  border-color:hsl(var(--color-base-03) / .88) !important;
  background:hsl(var(--color-base-02) / .98) !important;
  outline:none !important;
}
.pa-offer-actions-under-image .pa-share-feedback,
.pa-share-feedback{
  min-height:0 !important;
  margin-top:6px !important;
  font-size:12px !important;
  line-height:1.3 !important;
  color:hsl(var(--color-foreground-02)) !important;
}
@media (max-width:767px){
  .pa-offer-actions-under-image .pa-share-panel,
  .pa-share-panel{
    left:auto !important;
    right:0 !important;
    transform:none !important;
    max-width:min(270px, calc(100vw - 24px)) !important;
  }
}

/* Page header: intro/subtitle should use the available content width instead of a narrow text column. */
.pa-page-header{
  width:100% !important;
  max-width:none !important;
}
.pa-page-header .pa-page-subtitle,
.pa-page-subtitle{
  width:100% !important;
  max-width:min(920px, 100%) !important;
}
@media (min-width:1280px){
  .pa-page-header .pa-page-subtitle,
  .pa-page-subtitle{
    max-width:1040px !important;
  }
}