.bd-offer-page{
  padding:32px 0 48px;
}

.bd-offer-page .bd-offer-page-content{
  max-width:960px;
  margin:0 auto 26px;
}

.bd-offer-cards-shell{
  --bd-offer-cols-desktop:3;
  --bd-offer-cols-tablet:2;
  --bd-offer-cols-mobile:2;
}

.bd-offer-cards-grid{
  display:grid;
  grid-template-columns:repeat(var(--bd-offer-cols-desktop), minmax(0, 1fr));
  gap:28px;
  align-items:start;
}

.bd-offer-card{
  min-width:0;
}

.bd-offer-card-inner{
  background:#005537;
  border-radius:0;
  padding:18px 18px 22px;
  color:#ffffff;
  text-align:center;
  min-height:100%;
  box-shadow:0 18px 36px rgba(0,0,0,.12);
}

.bd-offer-card-title{
  margin:0 0 18px;
  color:#ffffff;
  font-size:clamp(24px,2vw,34px);
  line-height:1.1;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:capitalize;
}

.bd-offer-card-media{
  margin:0 auto 18px;
  background:#f8f8f8;
  border:4px solid rgba(255,255,255,.9);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 10px 18px rgba(0,0,0,.35);
}

.bd-offer-card-image{
  display:block;
  width:100%;
  aspect-ratio:1.32 / 1;
  object-fit:cover;
}

.bd-offer-card-details{
  color:#ffffff;
  font-size:22px;
  line-height:1.14;
  font-weight:700;
  margin:0 auto 18px;
}

.bd-offer-card-details p{
  margin:0 0 8px;
}

.bd-offer-card-details p:last-child{
  margin-bottom:0;
}

.bd-offer-card-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
  padding:14px 28px;
  border-radius:18px;
  background:#f3be07;
  color:#ffffff;
  text-decoration:none;
  font-size:22px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 16px rgba(0,0,0,.35);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.bd-offer-card-button:hover,
.bd-offer-card-button:focus{
  transform:translateY(-2px);
  box-shadow:0 12px 20px rgba(0,0,0,.38);
  filter:brightness(1.04);
}

.bd-offer-cards-empty{
  padding:34px 20px;
  border-radius:18px;
  border:1px solid #d1d5db;
  background:#f9fafb;
  text-align:center;
}

@media (max-width: 1024px){
  .bd-offer-cards-grid{
    grid-template-columns:repeat(var(--bd-offer-cols-tablet), minmax(0, 1fr));
    gap:20px;
  }

  .bd-offer-card-details{
    font-size:18px;
  }
}

@media (max-width: 767px){
  .bd-offer-page{
    padding:20px 0 28px;
  }

  .bd-offer-cards-grid{
    grid-template-columns:repeat(var(--bd-offer-cols-mobile), minmax(0, 1fr));
    gap:14px;
  }

  .bd-offer-card-inner{
    padding:14px 12px 18px;
  }

  .bd-offer-card-title{
    margin-bottom:14px;
    font-size:24px;
  }

  .bd-offer-card-media{
    margin-bottom:14px;
    border-width:3px;
  }

  .bd-offer-card-details{
    font-size:15px;
    line-height:1.2;
    margin-bottom:14px;
  }

  .bd-offer-card-button{
    min-width:auto;
    width:100%;
    padding:12px 16px;
    border-radius:16px;
    font-size:18px;
  }
}