/* Snapit Partner V10 — pricing + trust only. Loaded last. */

/* TRUST: continuous left-moving conveyor. Two identical groups make the loop seamless. */
.trust{overflow:hidden!important;position:relative!important}
.trustin{overflow:hidden!important;width:100%!important;max-width:none!important;padding:9px 0!important;position:relative!important}
.trust-track{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:none!important;
  transform:translate3d(0,0,0);
  animation:snapitTrustV10 22s linear infinite;
  animation-play-state:running;
  will-change:transform;
}
.trust-group{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:24px!important;padding:0 24px 0 0!important;white-space:nowrap!important}
.trustitem{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;font-size:8.5px!important;line-height:1!important}
.trustitem i{display:inline-block!important;flex:0 0 6px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#a8e063!important;animation:snapitDotV10 1.15s ease-in-out infinite!important}
@keyframes snapitTrustV10 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes snapitDotV10{0%,100%{transform:scale(.7);opacity:.42;box-shadow:0 0 0 0 rgba(168,224,99,.35)}50%{transform:scale(1);opacity:1;box-shadow:0 0 0 5px rgba(168,224,99,0)}}

/* PUBLIC PRICING: each plan is a compact card. Price first, selected benefits directly underneath. */
.pricing .price-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:18px!important;align-items:start!important}
.pricepanel{padding:19px!important;border-radius:22px!important;overflow:hidden!important}
.plans{display:flex!important;gap:10px!important;width:100%!important;margin-top:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 4px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
.plans::-webkit-scrollbar{display:none}
.plans .plan{flex:1 1 0!important;min-width:150px!important;max-width:260px!important;width:auto!important;height:auto!important;min-height:150px!important;padding:14px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;scroll-snap-align:start!important;overflow:hidden!important}
.plans .plan-name{display:block!important;font-size:9px!important;font-weight:800!important;line-height:1.25!important;color:rgba(255,255,255,.68)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.plans .plan>b{display:block!important;margin-top:4px!important;font-size:20px!important;line-height:1.05!important}
.plans .plan>small{display:block!important;margin-top:5px!important;font-size:7.5px!important;color:rgba(255,255,255,.62)!important;white-space:nowrap!important}
.plan-benefits{width:100%!important;margin-top:12px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.1)!important;display:flex!important;flex-direction:column!important;gap:6px!important}
.plan-benefits span{display:flex!important;align-items:flex-start!important;gap:6px!important;width:100%!important;font-size:8px!important;line-height:1.3!important;color:rgba(255,255,255,.8)!important;word-break:break-word!important}
.plan-benefits i{font-style:normal!important;color:#b4eb7f!important;font-weight:900!important;flex:0 0 auto!important}
.plan-no-benefits{opacity:.55!important}

/* Payment selector after registration: same compact plan cards and included benefits. */
.payment-plan-buttons{display:flex!important;gap:10px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 4px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
.payment-plan-buttons::-webkit-scrollbar{display:none}
.payment-plan-buttons .plan-option{flex:1 1 0!important;min-width:160px!important;max-width:280px!important;min-height:155px!important;padding:13px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;scroll-snap-align:start!important;overflow:hidden!important}
.plan-option-name{font-size:9px!important;color:var(--muted)!important;font-weight:800!important;line-height:1.2!important}
.payment-plan-buttons .plan-option>b{font-size:20px!important;line-height:1.05!important;margin-top:5px!important}
.payment-plan-buttons .plan-option>em{font-size:7.5px!important;color:var(--muted)!important;font-style:normal!important;margin-top:5px!important}
.plan-option-benefits{width:100%!important;margin-top:11px!important;padding-top:9px!important;border-top:1px solid var(--line)!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.plan-option-benefits span{display:flex!important;align-items:flex-start!important;gap:6px!important;font-size:8px!important;line-height:1.3!important;color:#4b584d!important;word-break:break-word!important}
.plan-option-benefits i{font-style:normal!important;font-weight:900!important;color:var(--g)!important;flex:0 0 auto!important}
.plan-option-none{color:#a5aca6!important}

/* Do not let old matrix CSS interfere with V10 plan cards. */
.publicPlanFeatures,.benefit-matrix,.payment-plan-matrix{display:none!important}

@media(max-width:900px){
  .pricing .price-layout{grid-template-columns:1fr!important}
  .plans .plan{min-width:165px!important}
}
@media(max-width:640px){
  .trust-group{gap:15px!important;padding-right:15px!important}
  .trustitem{font-size:7.4px!important}
  .trustitem i{width:5px!important;height:5px!important;flex-basis:5px!important}
  .plans{margin-top:10px!important;gap:8px!important}
  .plans .plan{flex:0 0 155px!important;min-width:155px!important;max-width:155px!important;min-height:146px!important;padding:12px!important}
  .plans .plan>b{font-size:18px!important}
  .plan-benefits{margin-top:10px!important;padding-top:8px!important;gap:5px!important}
  .plan-benefits span{font-size:7.5px!important}
  .payment-plan-buttons{gap:8px!important}
  .payment-plan-buttons .plan-option{flex:0 0 155px!important;min-width:155px!important;max-width:155px!important;min-height:150px!important;padding:11px!important}
  .payment-plan-buttons .plan-option>b{font-size:18px!important}
  .plan-option-benefits{margin-top:9px!important;padding-top:8px!important}
  .plan-option-benefits span{font-size:7.5px!important}
}
/* =========================================================
   PAYMENT RESULT STATES
   ========================================================= */

.payment-result{
  width:100%;
  max-width:620px;
  margin:0 auto;
  text-align:center;
  padding:18px 8px 8px;
}

.payment-result-animation{
  width:170px;
  height:170px;
  margin:0 auto 8px;
  display:grid;
  place-items:center;
}

.payment-result-animation dotlottie-player{
  width:100%;
  height:100%;
}

.payment-result h3{
  font-family:"Poppins",system-ui,sans-serif;
  font-size:26px;
  line-height:1.15;
  margin:8px 0 10px;
}

.payment-result p{
  margin:0 auto;
  max-width:520px;
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
}

.payment-confirmed{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:18px;
  padding:8px 12px;
  border-radius:999px;
  background:#eff9ed;
  color:#137213;
  font-size:10px;
  font-weight:800;
}

.payment-reference{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  max-width:540px;
  margin:18px auto 0;
}

.payment-reference > div{
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fbfdfb;
  text-align:left;
}

.payment-reference small{
  display:block;
  color:var(--muted);
  font-size:8px;
  margin-bottom:4px;
}

.payment-reference strong{
  display:block;
  font-size:8.5px;
  line-height:1.35;
  word-break:break-all;
}

.retry-payment{
  max-width:360px;
  margin:22px auto 0;
}

@media(max-width:640px){
  .payment-result{
    padding:10px 2px 4px;
  }

  .payment-result-animation{
    width:135px;
    height:135px;
  }

  .payment-result h3{
    font-size:21px;
  }

  .payment-result p{
    font-size:10.5px;
  }

  .payment-reference{
    grid-template-columns:1fr;
    gap:7px;
  }

  .payment-reference > div{
    padding:9px 10px;
  }

  .payment-reference small{
    font-size:7.5px;
  }

  .payment-reference strong{
    font-size:8px;
  }
}

/* Success WhatsApp CTA */
.success-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:20px auto 0;
  padding:11px 17px;
  border-radius:13px;
  background:#007700;
  color:#fff;
  text-decoration:none;
  font-family:"Poppins",system-ui,sans-serif;
  font-size:10px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(0,119,0,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}

.success-whatsapp:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 28px rgba(0,119,0,.24);
}

.success-whatsapp img{
  width:20px;
  height:20px;
  object-fit:contain;
  border-radius:5px;
  flex:0 0 20px;
}

@media(max-width:640px){
  .success-whatsapp{
    width:100%;
    max-width:300px;
    padding:12px 15px;
    font-size:10px;
  }

  .success-whatsapp img{
    width:19px;
    height:19px;
    flex-basis:19px;
  }
}