/* Adoptă — 3 layout-uri vizuale separate + FAQ/footer separat */
body[data-support-page="adopt"] main .support-container,
body[data-support-page="adopt"] .support-footer .support-container{
  width:calc(100% - 40px)!important;
  max-width:none!important;
  margin-inline:auto!important;
}

.adopt-layout{
  width:100%;
}

/* Layout 1 — Hero */
.adopt-layout-hero{
  min-height:calc(100vh - 160px);
  display:flex;
  align-items:center;
  padding:34px 0!important;
  background:linear-gradient(180deg,#f7fbf8 0%,#fff 100%);
}

/* Layout 2 — Animale: puțin mai mare, dar complet într-un preview desktop */
.adopt-layout-animals{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:22px 0!important;
  background:#fff;
}
.adopt-layout-animals>.support-container{
  width:calc(100% - 40px)!important;
}
.adopt-layout-animals .adopt-v2-section-head{margin-bottom:14px}
.adopt-layout-animals .adopt-v2-section-head h2{font-size:clamp(34px,2.8vw,44px)}
.adopt-layout-animals .animal-toolbar{margin:9px 0 16px}
.adopt-layout-animals .adopt-v2-animal-grid{gap:12px}
.adopt-layout-animals .adopt-v2-animal-card>img{height:165px;aspect-ratio:auto;object-fit:cover}
.adopt-layout-animals .adopt-v2-animal-body{padding:13px;gap:8px}
.adopt-layout-animals .adopt-v2-animal-head h3{font-size:20px}
.adopt-layout-animals .adopt-v2-animal-body p{font-size:12.5px;line-height:1.38}
.adopt-layout-animals .adopt-v2-price strong{font-size:13.5px}
.adopt-layout-animals .adopt-v2-price small{font-size:10.5px}
.adopt-layout-animals .adopt-v2-sponsor{padding:8px}
.adopt-layout-animals .adopt-v2-card-btn{padding:10px 11px}
.adopt-layout-animals .adopt-v2-company{margin-top:12px;padding:13px 16px}

/* Layout 3 — Cum adopți + beneficii: mai compact ca să intre complet într-un preview */
.adopt-layout-info{
  min-height:100vh;
  display:grid;
  align-content:center;
  gap:12px;
  padding:12px 0;
  background:#f7faf8;
}
.adopt-layout-info .adopt-v2-how,
.adopt-layout-info .adopt-layout-benefits{
  padding:0!important;
  background:transparent!important;
}
.adopt-layout-info .adopt-v2-how-banner,
.adopt-layout-info .adopt-v2-benefits{
  width:100%;
}
.adopt-layout-info .adopt-v2-how-visual{min-height:240px}
.adopt-layout-info .adopt-v2-how-copy{padding:14px 18px}
.adopt-layout-info .adopt-v2-how-copy h2{font-size:clamp(27px,2.1vw,34px);margin-bottom:9px}
.adopt-layout-info .adopt-v2-steps{gap:6px}
.adopt-layout-info .adopt-v2-step{padding:7px 9px}
.adopt-layout-info .adopt-v2-entrance{min-height:200px}
.adopt-layout-info .adopt-v2-benefit-card{padding:16px 18px}
.adopt-layout-info .adopt-v2-benefit-card h2{font-size:24px;margin-bottom:8px}
.adopt-layout-info .adopt-v2-benefit-card ul{gap:7px}

/* FAQ rămâne separat înainte de footer */
.adopt-layout-faq{
  padding:42px 0!important;
  background:#f7faf8;
}

@media(max-width:900px){
  body[data-support-page="adopt"] main .support-container,
  body[data-support-page="adopt"] .support-footer .support-container,
  .adopt-layout-animals>.support-container{
    width:calc(100% - 24px)!important;
  }
  .adopt-layout-hero,
  .adopt-layout-animals,
  .adopt-layout-info{
    min-height:auto;
  }
  .adopt-layout-animals{padding:28px 0!important}
  .adopt-layout-animals .adopt-v2-animal-card>img{height:auto;aspect-ratio:4/3}
  .adopt-layout-info{
    gap:18px;
    padding:24px 0;
  }
  .adopt-layout-info .adopt-v2-how-visual{min-height:250px}
  .adopt-layout-info .adopt-v2-entrance{min-height:290px}
}

@media(max-width:620px){
  .adopt-layout-hero{
    padding:22px 0 42px!important;
  }
  .adopt-layout-hero .adopt-v2-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    width:100%;
  }
  .adopt-layout-hero .adopt-v2-actions a{
    width:100%;
    min-width:0;
    padding:12px 10px;
  }
  .adopt-layout-hero .adopt-v2-hero-photo{
    width:calc(100% - 12px);
    margin-left:auto;
    margin-right:auto;
    aspect-ratio:1.22/1;
    border-radius:22px;
  }
  .adopt-layout-hero .adopt-v2-hero-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .adopt-layout-info .adopt-v2-entrance{
    width:calc(100% - 12px);
    margin-left:auto;
    margin-right:auto;
    min-height:340px;
  }
}