/* Preserve the original subscription and pack geometry. Only the extra tier is new. */
.credit-pricing [hidden]{display:none!important}
.credit-pricing-account{padding:0!important;border:0!important;background:transparent!important}
.credit-pricing-account>div{padding:0!important}
.credit-pricing-account>div>div:first-child{display:none}
.credit-pricing [aria-disabled="true"]{cursor:not-allowed}
.credit-pricing #packCards button:disabled{opacity:.35;cursor:not-allowed}
.credit-pricing #pricingPlanStarter{background:#f5f9ff!important;background-image:none!important;border-color:#b5cce5!important;box-shadow:none!important;position:relative}
.dark #pricingPlanStarter{background:#121f31!important;border-color:#3d5874!important}
.credit-pricing #pricingPlanStarter h3{color:#35638b!important}
.dark #pricingPlanStarter h3{color:#93badd!important}
.credit-pricing #pricingPlanStarter .pricing-plan-badge{background:#e2edf8!important;color:#386181!important}
.dark #pricingPlanStarter .pricing-plan-badge{background:#22354c!important;color:#a7c7e4!important}
.credit-pricing #starterPlanCta{background:#527fa4!important;color:white!important;box-shadow:none!important}
.credit-pricing #pricingPlanStarter ul svg{color:#527fa4!important}
.dark #pricingPlanStarter ul svg{color:#93badd!important}
.credit-pricing #pricingPlanStarter .pricing-plan-header{padding-right:5rem!important}
@media(min-width:1024px){.credit-pricing #pricingCards.credit-four-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.credit-pricing #pricingCards.credit-four-plans>article{min-width:0}}
@media(min-width:768px) and (max-width:1023px){.credit-pricing #pricingCards.credit-four-plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.credit-pricing #pricingCards.credit-four-plans>article{flex:0 0 290px;min-width:290px}}
@media(max-width:639px){.credit-pricing #pricingPlanStarter .pricing-plan-badge{display:inline-block;width:max-content;max-width:100%;white-space:normal;line-height:1.15}}

/* Account cards keep their original width inside the narrower detail sheet. */
:host{container-type:inline-size;container-name:creditPlans}
@container creditPlans (max-width:1099px){#pricingCards.credit-four-plans{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory}#pricingCards.credit-four-plans>article{flex:0 0 290px;min-width:290px!important}}

#pricingCards.credit-four-plans{scrollbar-width:none}#pricingCards.credit-four-plans::-webkit-scrollbar{display:none}
@container creditPlans (max-width:1099px){#pricingCards.credit-four-plans{padding-top:16px!important;padding-bottom:16px!important}}

@container creditPlans (max-width:1099px){.credit-pricing-account #pricingSwipeHint:not(.hidden){display:flex!important;align-items:center;justify-content:center;gap:6px}}

/* Pack titles span the full card; the compact quantity control starts below them. */
.credit-pricing #packCards .credit-pack-layout{display:grid;grid-template-columns:minmax(0,1fr) 2.5rem;column-gap:.75rem;row-gap:.625rem;align-items:start}
.credit-pricing #packCards .credit-pack-title{grid-column:1/-1;margin:0;white-space:nowrap;line-height:1.3}
.credit-pricing #packCards .credit-pack-info{min-width:0}
.credit-pricing #packCards .credit-pack-info>.pricing-price{margin-top:0}
.credit-pricing #packCards .credit-pack-stepper{align-self:start;justify-content:center;gap:0;height:auto;margin:0}
.credit-pricing .credit-video-feature>span{min-width:0}
.credit-pricing .credit-video-specs{display:block;margin-top:.2rem;line-height:1.5}
@container creditPlans (max-width:649px){.credit-pricing #packCards{grid-template-columns:minmax(0,1fr)}}