/* AMUZN V10 — Creatives “Everything you need to thrive” pull-down pop-up carousels */
.creator-feature.thrive-trigger{
  position:relative;
  padding-bottom:42px;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
  outline:none;
}
.creator-feature.thrive-trigger::after{
  content:"View details  ↓";
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  color:#7652ee;
  font:700 9px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.02em;
  opacity:.82;
}
.creator-feature.thrive-trigger:hover,
.creator-feature.thrive-trigger:focus-visible{
  transform:translateY(-2px);
  border-color:#b9a7f7;
  box-shadow:0 11px 28px rgba(67,46,126,.13);
}
.creator-feature.thrive-trigger:focus-visible{box-shadow:0 0 0 3px rgba(113,69,245,.18),0 11px 28px rgba(67,46,126,.13)}
.creator-feature.thrive-trigger.is-thrive-active{
  z-index:162;
  border-color:#8f6af6;
  box-shadow:0 18px 50px rgba(48,31,100,.20);
  transform:translateY(-2px);
  background:#fff;
}
.creator-feature.thrive-trigger.is-thrive-active::after{content:"Close  ↑"}

.thrive-overlay{
  position:fixed;
  inset:0;
  z-index:150;
  background:rgba(249,248,252,.87);
  -webkit-backdrop-filter:blur(1.8px) saturate(.82);
  backdrop-filter:blur(1.8px) saturate(.82);
  opacity:0;
  transition:opacity .2s ease;
}
.thrive-overlay.is-visible{opacity:1}

.thrive-popover{
  --thrive-width:390px;
  position:absolute;
  z-index:170;
  width:min(var(--thrive-width),calc(100vw - 28px));
  background:#fff;
  border:1px solid #e5e4ed;
  border-radius:34px;
  box-shadow:0 24px 70px rgba(38,29,74,.24);
  padding:17px 17px 15px;
  opacity:0;
  transform:translateY(-8px) scale(.985);
  transition:opacity .22s ease,transform .22s ease;
  overflow:hidden;
}
.thrive-popover.is-visible{opacity:1;transform:translateY(0) scale(1)}
.thrive-popover[data-mode="wide"]{--thrive-width:640px}
.thrive-popover[data-mode="payment"]{--thrive-width:560px}
.thrive-popover[data-mode="service"]{--thrive-width:455px}

.thrive-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:5;
  width:34px;
  height:34px;
  border:1px solid rgba(18,20,32,.12);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#1f2230;
  font:500 23px/1 Arial,sans-serif;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 4px 16px rgba(26,25,44,.09);
}
.thrive-close:hover,.thrive-close:focus-visible{border-color:#8f6af6;color:#7145f5;outline:none}
.thrive-popover-title{
  margin:1px 44px 8px 8px;
  color:#7b8292;
  font:700 10px 'Plus Jakarta Sans',sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.thrive-carousel{position:relative;overflow:hidden;border-radius:24px;background:#fff;touch-action:pan-y}
.thrive-track{display:flex;width:100%;transition:transform .58s cubic-bezier(.22,.7,.22,1);will-change:transform}
.thrive-track.no-transition{transition:none!important}
.thrive-slide{flex:0 0 100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:4px 10px}
.thrive-slide-frame{
  width:100%;
  height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}
.thrive-popover[data-mode="service"] .thrive-slide-frame{height:420px}
.thrive-popover[data-mode="payment"] .thrive-slide-frame{height:355px}
.thrive-popover[data-mode="wide"] .thrive-slide-frame{height:360px}
.thrive-popover[data-mode="wide"] .thrive-caption{font-size:18px;line-height:1.18;flex-direction:column}.thrive-popover[data-mode="wide"] .thrive-caption span{display:block}
.thrive-slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.thrive-popover[data-mode="payment"] .thrive-slide img{width:100%;height:100%;object-fit:contain}
.thrive-caption{
  min-height:52px;
  margin:4px 12px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#30313a;
  font:500 20px/1.22 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.005em;
}
.thrive-caption strong{font-weight:800}
.thrive-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(30,30,45,.10);
  background:rgba(255,255,255,.88);
  color:#4d5262;
  display:grid;
  place-items:center;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 4px 15px rgba(24,23,40,.08);
}
.thrive-nav:hover,.thrive-nav:focus-visible{color:#7145f5;border-color:#aa91f6;outline:none}
.thrive-nav.prev{left:7px}.thrive-nav.next{right:7px}
.thrive-dots{display:flex;justify-content:center;gap:7px;padding:1px 0 2px}
.thrive-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#e3e6eb;cursor:pointer;transition:width .2s ease,background .2s ease}
.thrive-dot.is-active{width:18px;border-radius:999px;background:#b9c4cb}
.thrive-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:600px){
  .creator-feature.thrive-trigger{padding-bottom:40px}
  .creator-feature.thrive-trigger::after{font-size:9px}
  .thrive-popover{border-radius:25px;padding:14px 12px 12px;max-height:calc(100vh - 28px);overflow:auto}
  .thrive-popover-title{font-size:9px;margin-left:7px}
  .thrive-slide{padding:3px 4px}
  .thrive-slide-frame,.thrive-popover[data-mode="service"] .thrive-slide-frame{height:min(54vh,430px)}
  .thrive-popover[data-mode="payment"] .thrive-slide-frame{height:min(45vh,360px)}
  .thrive-popover[data-mode="wide"] .thrive-slide-frame{height:min(42vh,335px)}
  .thrive-caption{font-size:16px;min-height:48px;margin-left:8px;margin-right:8px}
  .thrive-nav{width:32px;height:32px;font-size:21px}
  .thrive-close{width:32px;height:32px;font-size:21px}
}

@media(prefers-reduced-motion:reduce){
  .creator-feature.thrive-trigger,.thrive-overlay,.thrive-popover,.thrive-track{transition:none!important}
}
