/* =============================================================
   PEG Hero V9 - Deux shortcodes & positions dynamiques
   ============================================================= */

.pegv9 {
  position: relative;
  color: #fff;
  overflow: hidden;
}

.pegv9 .bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  transition: transform .6s ease, filter .6s ease;
  z-index: 0;
}

.pegv9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(0,0,0,.45), rgba(0,0,0,.2));
  z-index: 1;
}

.pegv9 .content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 60px;
  max-width: 700px;
}

.pegv9 .content.center { align-items: center; text-align: center; }
.pegv9 .content.right  { align-items: flex-end; text-align: right; }

.pegv9 .title { font-size: 48px; font-weight: 700; line-height: 1.2; }
.pegv9 .price { font-size: 32px; font-weight: 600; }
.pegv9 .desc  { font-size: 18px; opacity: 0.9; max-width: 600px; }
.pegv9 .shortcode_1, .pegv9 .shortcode_2 { margin-top: 10px; }

.pegv9 .peg-btn {
  display: inline-block;
  padding: 14px 28px;
  margin-top: 10px;
  background: #fff;
  color: #000;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  transition: background .3s, color .3s, transform .3s;
}
.pegv9 .peg-btn:hover { background: #ff6600; color: #fff; transform: translateY(-3px); }

.pegv9:hover .bg { transform: scale(1.05); filter: brightness(.8); }

@media (max-width:1024px) {
  .pegv9 .content { padding: 40px; }
  .pegv9 .title { font-size: 38px; }
  .pegv9 .price { font-size: 26px; }
  .pegv9 .desc { font-size: 17px; }
}
@media (max-width:768px) {
  .pegv9 .content { padding: 25px; align-items: flex-start; text-align: left; }
  .pegv9 .title { font-size: 26px; }
  .pegv9 .price { font-size: 22px; }
  .pegv9 .desc { font-size: 15px; }
  .pegv9 .peg-btn { padding: 10px 20px; font-size: 15px; }
}
.pegv9 .content>*:last-child{margin-bottom:0!important;}
.pegv9 .shortcode_1 iframe,
.pegv9 .shortcode_2 iframe{max-width:100%;height:auto;display:block;}