/* Thank-you page: same navbar/system as its landing, without nav links */
html,body.thankyou-v2{margin:0;background:#10131C}
.thankyou-v2 .thanks-shell{width:100%;overflow-x:clip}
.thankyou-v2 .thanks-navbar{position:relative!important;top:auto!important;z-index:20}
.thankyou-v2 .thanks-header-inner{grid-template-columns:auto 1fr auto!important}
.thankyou-v2 .thanks-brand-link{grid-column:1!important;justify-self:start!important}
.thankyou-v2 .thanks-header-cta-wrap{grid-column:3!important;display:flex!important;justify-self:end!important}
.thankyou-v2 .thanks-header-cta-wrap .header-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.thankyou-v2 .thanks-visual-hero{position:relative;min-height:650px;background-repeat:no-repeat;background-size:cover;background-position:center bottom;display:flex;justify-content:center;align-items:flex-start;text-align:center;overflow:hidden}
.thankyou-v2.pe-super .thanks-visual-hero{background-image:url('../assets/img/thankyou-bg.png');background-color:#e60036}
.thankyou-v2.pe-franchise .thanks-visual-hero{background-image:url('../assets/img/thankyou-bg.png');background-color:#1db6e9}
.thankyou-v2 .thanks-copy-wrap{position:relative;z-index:2;width:min(860px,calc(100% - 40px));padding:64px 0 310px;display:flex;flex-direction:column;align-items:center}
.thankyou-v2 .thanks-copy-wrap .eyebrow{justify-content:center;color:#fff!important;margin-bottom:18px!important}
.thankyou-v2 .thanks-copy-wrap .eyebrow:before{background:#fff!important}
.thankyou-v2 .thanks-copy-wrap h1{margin:0;color:#fff;font-family:PEUI,Arial,sans-serif;font-size:clamp(48px,5.25vw,80px);font-weight:900;line-height:.93;letter-spacing:-.035em;text-transform:uppercase}
.thankyou-v2.pe-franchise .thanks-copy-wrap h1 .thanks-word{color:#17276D}
.thankyou-v2.pe-super .thanks-copy-wrap h1 .thanks-word{color:#fff}
.thankyou-v2 .thanks-actions{justify-content:center!important;gap:10px!important;margin-top:28px!important}
.thankyou-v2 .thanks-actions .btn{min-height:44px!important;padding:0 20px!important;font-size:11px!important;text-decoration:none!important}
.thankyou-v2 .thanks-actions .btn.primary{background:#17276D!important;border-color:#17276D!important;color:#fff!important}
.thankyou-v2 .thanks-actions .btn.outline{border-color:rgba(255,255,255,.8)!important;color:#fff!important;background:rgba(0,0,0,.06)!important}
.thankyou-v2 .thanks-actions .btn.outline:hover{background:#fff!important;color:#17276D!important}
.thankyou-v2 .footer{margin-top:0!important;background:#10131C!important}
@media(max-width:900px){
  .thankyou-v2 .thanks-header-cta-wrap{display:flex!important}
  .thankyou-v2 .thanks-visual-hero{min-height:620px;background-position:center bottom}
  .thankyou-v2 .thanks-copy-wrap{padding:52px 0 300px}
}
@media(max-width:620px){
  .thankyou-v2 .thanks-header-inner{width:calc(100% - 28px)!important;gap:10px!important}
  .thankyou-v2 .thanks-header-cta-wrap .header-cta{min-height:38px!important;padding:0 13px!important;font-size:9px!important;white-space:nowrap}
  .thankyou-v2 .thanks-navbar .brand-logo{width:165px!important}
  .thankyou-v2 .thanks-visual-hero{min-height:610px;background-position:center bottom}
  .thankyou-v2 .thanks-copy-wrap{width:calc(100% - 30px);padding:46px 0 300px}
  .thankyou-v2 .thanks-copy-wrap h1{font-size:clamp(38px,11vw,54px)}
  .thankyou-v2 .thanks-actions{width:100%;flex-direction:row!important;flex-wrap:wrap!important}
  .thankyou-v2 .thanks-actions .btn{width:auto!important}
}


/* ============================================================
   Ajuste final Thank You:
   copy arriba sobre color sólido + oso separado debajo.
   ============================================================ */
.thankyou-v2 .thanks-visual-hero{
  min-height:0 !important;
  display:block !important;
  text-align:center !important;
  overflow:hidden !important;
  background-image:none !important;
  background-repeat:no-repeat !important;
  background-size:auto !important;
  background-position:initial !important;
}
.thankyou-v2.pe-super .thanks-visual-hero{
  background:#ef0038 !important;
}
.thankyou-v2.pe-franchise .thanks-visual-hero{
  background:#1db6e9 !important;
}

.thankyou-v2 .thanks-copy-wrap{
  position:relative !important;
  z-index:2 !important;
  width:min(900px,calc(100% - 40px)) !important;
  margin:0 auto !important;
  padding:52px 0 34px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.thankyou-v2 .thanks-copy-wrap .eyebrow{
  margin-bottom:16px !important;
}
.thankyou-v2 .thanks-copy-wrap h1{
  font-size:clamp(44px,4.8vw,72px) !important;
  line-height:.94 !important;
  max-width:900px !important;
}
.thankyou-v2 .thanks-actions{
  margin-top:24px !important;
}

/* Image starts only after the copy, so text can never sit on the bear. */
.thankyou-v2 .thanks-bear-stage{
  position:relative !important;
  width:100% !important;
  height:440px !important;
  overflow:hidden !important;
}
.thankyou-v2 .thanks-bear-stage img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center bottom !important;
}

/* Footer requested as pure black */
.thankyou-v2 .footer{
  margin-top:0 !important;
  background:#000 !important;
}

@media(max-width:900px){
  .thankyou-v2 .thanks-copy-wrap{
    padding:46px 0 30px !important;
  }
  .thankyou-v2 .thanks-bear-stage{
    height:400px !important;
  }
}
@media(max-width:620px){
  .thankyou-v2 .thanks-copy-wrap{
    width:calc(100% - 30px) !important;
    padding:40px 0 26px !important;
  }
  .thankyou-v2 .thanks-copy-wrap h1{
    font-size:clamp(36px,10.5vw,50px) !important;
  }
  .thankyou-v2 .thanks-bear-stage{
    height:330px !important;
  }
  .thankyou-v2 .thanks-actions{
    margin-top:20px !important;
  }
}


/* Bear should not be cropped */
.thankyou-v2.pe-franchise .thanks-bear-stage{
  background:#1db6e9 !important;
}
.thankyou-v2 .thanks-bear-stage{
  height:auto !important;
  line-height:0 !important;
  overflow:visible !important;
}
.thankyou-v2 .thanks-bear-stage img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}
@media(max-width:900px){
  .thankyou-v2 .thanks-bear-stage{height:auto !important;}
}
@media(max-width:620px){
  .thankyou-v2 .thanks-bear-stage{height:auto !important;}
}


/* ============================================================
   FINAL: texto SOBRE la imagen, en el área de color libre,
   sin tapar ni recortar al oso.
   ============================================================ */
.thankyou-v2 .thanks-visual-hero{
  position:relative !important;
  display:block !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:none !important;
}

/* La imagen completa define la altura del hero */
.thankyou-v2 .thanks-bear-stage{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  overflow:visible !important;
  line-height:0 !important;
  z-index:1 !important;
}
.thankyou-v2 .thanks-bear-stage img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* El copy vive encima de la propia imagen, aprovechando el fondo libre */
.thankyou-v2 .thanks-copy-wrap{
  position:absolute !important;
  z-index:3 !important;
  top:6.5% !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(920px,82vw) !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  pointer-events:auto !important;
}
.thankyou-v2 .thanks-copy-wrap .eyebrow{
  margin:0 0 14px !important;
}
.thankyou-v2 .thanks-copy-wrap h1{
  margin:0 !important;
  max-width:920px !important;
  font-size:clamp(42px,4.6vw,70px) !important;
  line-height:.92 !important;
}
.thankyou-v2 .thanks-actions{
  margin-top:22px !important;
}

/* Mantener el footer pegado visualmente al negro de la imagen */
.thankyou-v2 .footer{
  margin-top:0 !important;
  background:#000 !important;
}

/* Tablet: sigue sobre la imagen y evita invadir la cabeza del oso */
@media(max-width:900px){
  .thankyou-v2 .thanks-copy-wrap{
    top:5.5% !important;
    width:88vw !important;
  }
  .thankyou-v2 .thanks-copy-wrap h1{
    font-size:clamp(34px,6vw,52px) !important;
  }
  .thankyou-v2 .thanks-copy-wrap .eyebrow{
    margin-bottom:10px !important;
  }
  .thankyou-v2 .thanks-actions{
    margin-top:16px !important;
  }
}

/* Mobile: el copy se mantiene sobre la zona superior de color */
@media(max-width:620px){
  .thankyou-v2 .thanks-copy-wrap{
    top:4.5% !important;
    width:92vw !important;
  }
  .thankyou-v2 .thanks-copy-wrap .eyebrow{
    font-size:9px !important;
    margin-bottom:8px !important;
  }
  .thankyou-v2 .thanks-copy-wrap h1{
    font-size:clamp(25px,8vw,38px) !important;
    line-height:.94 !important;
  }
  .thankyou-v2 .thanks-actions{
    margin-top:12px !important;
    gap:8px !important;
  }
  .thankyou-v2 .thanks-actions .btn{
    min-height:38px !important;
    padding:0 14px !important;
    font-size:9px !important;
  }
}