@import url('../../shared/ai-commerce.css');
.ss-subscription .app { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.ss-subscription .subscription-header { position: relative; padding: 5px 24px; min-height: 50px; box-sizing: border-box; }
.ss-subscription .subscription-header .back-link { position: static; flex-shrink: 0; }
.ss-subscription .subscription-header h1 { margin-right: 40px; }
.ss-subscription .header-action { position: absolute; }
.ss-subscription .subscription-scroll { padding: 20px 24px 24px; }
.ss-subscription .subscription-footer { padding-bottom: max(25px,env(safe-area-inset-bottom)); }
.ss-subscription p { margin-bottom: 0; }
.ss-subscription h4 { margin: 0; }
.ss-subscription .tier-navigation { padding-top: 5px; }
.ss-subscription .plan-intro h2 { font-size: 28px; }
.ss-subscription .order-details dd { margin: 0; }
.ss-subscription .subscription-sheet-layer { padding-bottom: 15px; }
.ss-subscription .subscription-sheet { border-bottom: 1px solid #4a4541; }
.ss-subscription .membership-tools button { font-family: inherit; }
@media(max-width:360px) { .ss-subscription .subscription-scroll { padding-inline: 18px; } .ss-subscription .plan-intro h2 { font-size: 24px; } }