/* V73: Angebotsbereich wieder als luftige, elegante Collection-Runway.
   Diese Datei liegt bewusst nach type-scale-v72 und repariert den zerdrueckten Paketbereich. */

.boom-pricing{
  background:
    radial-gradient(circle at 12% 0%, rgba(181,138,98,.12), transparent 34%),
    linear-gradient(180deg,#fffdf8 0%, #f8eee5 52%, #fffaf4 100%);
  padding-top:clamp(88px,10vw,150px);
  padding-bottom:clamp(90px,10vw,155px);
}

.boom-package-stage{
  width:min(1220px,90vw);
}

.boom-package-intro{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(280px,.7fr);
  gap:clamp(28px,5vw,74px);
  align-items:end;
  margin-bottom:clamp(32px,5vw,70px);
}

.boom-package-intro h2{
  margin:0;
  max-width:820px;
  font-size:clamp(2.2rem,4.3vw,4.75rem)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}

.boom-package-intro .boom-kicker{
  grid-column:1/-1;
  margin:0 0 -10px;
}

.boom-package-intro p:not(.boom-kicker){
  margin:0;
  max-width:470px;
  font-size:clamp(1rem,1.12vw,1.18rem);
  line-height:1.75;
  color:#76675d;
}

.boom-runway{
  display:grid;
  gap:clamp(18px,2vw,26px);
}

.boom-pricing .boom-collection{
  position:relative;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:clamp(170px,20vw,270px) clamp(56px,5vw,86px) minmax(0,1fr) minmax(130px,auto) minmax(120px,auto)!important;
  gap:clamp(16px,2.4vw,34px)!important;
  align-items:center!important;
  min-height:clamp(178px,18vw,250px);
  padding:clamp(18px,2.15vw,30px)!important;
  border-radius:clamp(30px,3vw,48px)!important;
  border:1px solid rgba(72,48,32,.13)!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 28px 80px rgba(48,29,17,.10)!important;
  overflow:hidden;
}

.boom-pricing .boom-collection:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(181,138,98,.18);
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
}

.boom-pricing .boom-collection figure{
  width:100%!important;
  height:clamp(140px,16vw,220px)!important;
  margin:0!important;
  border-radius:clamp(22px,2.2vw,34px)!important;
  overflow:hidden;
  background:#d8cdc2;
  box-shadow:0 18px 44px rgba(46,29,18,.12);
}

.boom-pricing .boom-collection figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.01);
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}

.boom-pricing .boom-collection:hover figure img{
  transform:scale(1.055);
}

.boom-pricing .boom-index{
  font-family:Cinzel, Georgia, serif!important;
  font-size:clamp(2.4rem,5vw,5.5rem)!important;
  line-height:.82;
  color:rgba(181,138,98,.24)!important;
  letter-spacing:-.08em;
  align-self:center;
}

.boom-pricing .boom-main{
  min-width:0;
  max-width:680px;
}

.boom-pricing .boom-main span{
  display:block;
  margin:0 0 10px;
  color:#a47850!important;
  font-size:.72rem!important;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.boom-pricing .boom-main h3{
  font-family:Cinzel, Georgia, serif!important;
  font-weight:500!important;
  font-size:clamp(1.9rem,3.25vw,3.95rem)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  margin:0 0 12px!important;
  max-width:760px;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}

.boom-pricing .boom-main p{
  margin:0!important;
  max-width:620px;
  color:#706158!important;
  font-size:clamp(.96rem,1vw,1.08rem)!important;
  line-height:1.65!important;
}

.boom-pricing .boom-price{
  text-align:right!important;
  justify-self:end;
  white-space:nowrap;
}

.boom-pricing .boom-price strong{
  display:block;
  font-family:Cinzel, Georgia, serif!important;
  font-size:clamp(1.75rem,2.35vw,2.85rem)!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.04em;
  color:#211713;
}

.boom-pricing .boom-price small{
  display:block;
  margin-top:8px;
  color:#907b6b!important;
  font-size:.68rem!important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.boom-pricing .boom-collection>a{
  justify-self:end;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 18px!important;
  border-radius:999px!important;
  background:#17120f!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.72rem!important;
  font-weight:900;
  box-shadow:0 16px 36px rgba(30,18,12,.16);
}

.boom-pricing .boom-collection.boom-featured,
.boom-pricing .boom-collection.boom-premium{
  background:linear-gradient(135deg,#15110f,#2b211b)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 32px 90px rgba(18,11,7,.22)!important;
}

.boom-pricing .boom-collection.boom-featured:before,
.boom-pricing .boom-collection.boom-premium:before{
  border-color:rgba(255,255,255,.16);
}

.boom-pricing .boom-collection.boom-featured .boom-index,
.boom-pricing .boom-collection.boom-premium .boom-index{
  color:rgba(255,255,255,.16)!important;
}

.boom-pricing .boom-collection.boom-featured .boom-main p,
.boom-pricing .boom-collection.boom-premium .boom-main p,
.boom-pricing .boom-collection.boom-featured .boom-price small,
.boom-pricing .boom-collection.boom-premium .boom-price small{
  color:rgba(255,255,255,.68)!important;
}

.boom-pricing .boom-collection.boom-featured .boom-price strong,
.boom-pricing .boom-collection.boom-premium .boom-price strong{
  color:#fff!important;
}

.boom-pricing .boom-collection.boom-featured>a,
.boom-pricing .boom-collection.boom-premium>a{
  background:#fff!important;
  color:#15110f!important;
}

.boom-package-note{
  margin-top:clamp(22px,3vw,34px)!important;
  padding:18px 24px;
  border-left:3px solid rgba(181,138,98,.46);
  color:#706158!important;
  background:rgba(255,255,255,.52);
  border-radius:0 22px 22px 0;
}

@media(max-width:1100px){
  .boom-package-intro{grid-template-columns:1fr;align-items:start;gap:18px}
  .boom-pricing .boom-collection{
    grid-template-columns:clamp(135px,24vw,190px) minmax(0,1fr) auto!important;
    gap:18px!important;
  }
  .boom-pricing .boom-index{display:none!important}
  .boom-pricing .boom-price{grid-column:2;text-align:left!important;justify-self:start}
  .boom-pricing .boom-collection>a{grid-column:3;grid-row:1 / span 2;align-self:center}
  .boom-pricing .boom-main h3{font-size:clamp(1.85rem,4.5vw,3.2rem)!important}
}

@media(max-width:760px){
  .boom-pricing{padding-top:78px;padding-bottom:96px}
  .boom-package-stage{width:min(92vw,620px)}
  .boom-package-intro h2{font-size:clamp(2rem,8vw,3.15rem)!important;line-height:1.03!important}
  .boom-pricing .boom-collection{
    grid-template-columns:1fr!important;
    min-height:0;
    padding:16px!important;
    border-radius:30px!important;
  }
  .boom-pricing .boom-collection figure{
    height:clamp(205px,55vw,320px)!important;
    border-radius:24px!important;
  }
  .boom-pricing .boom-main h3{
    font-size:clamp(2rem,10vw,3.1rem)!important;
    line-height:1.02!important;
  }
  .boom-pricing .boom-price,
  .boom-pricing .boom-collection>a{
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:start!important;
    text-align:left!important;
  }
  .boom-pricing .boom-collection>a{width:100%;margin-top:2px}
}