/* CAMBOPOST_SUBSCRIPTION_MOBILE_V3_20260914 — compact native checkout */
@media (max-width:700px){
  .modalShade{padding:0!important;place-items:end center!important;background:rgba(8,10,18,.62)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
  .subscribeModal{width:calc(100% - 10px)!important;max-width:520px!important;max-height:calc(100dvh - 8px)!important;margin:0 auto!important;padding:0 12px calc(12px + env(safe-area-inset-bottom))!important;border:1px solid #e8eaf0!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -18px 55px rgba(8,10,22,.22)!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
  .subscribeModal::-webkit-scrollbar{display:none!important}
  .subscribeHead{position:sticky!important;top:0!important;z-index:8!important;margin:0 -12px 9px!important;padding:12px 12px 10px!important;align-items:center!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #eceef4!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .subscribeHead h2{font-size:18px!important;line-height:1.15!important;margin:2px 0 0!important}.modalEyebrow{font-size:7px!important;letter-spacing:1.1px!important}.closeModal{width:34px!important;height:34px!important;border-radius:10px!important;font-size:21px!important;flex:0 0 34px!important}
  .subscriptionSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:7px 0 10px!important}.subscriptionSummary>div{min-height:46px!important;padding:8px 9px!important;border-radius:11px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important}.subscriptionSummary span{font-size:7.5px!important}.subscriptionSummary b{font-size:9.5px!important;line-height:1.2!important}
  .durationLabel{font-size:10.5px!important;margin:9px 0 6px!important}.durationGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important}.durationCard{width:100%!important;min-width:0!important;min-height:58px!important;padding:7px!important;border-radius:12px!important;background:#fff!important;color:#202536!important}.durationCard b{font-size:11px!important;line-height:1.2!important;color:#202536!important}.durationCard span,.durationCard small{font-size:7.5px!important;margin-top:4px!important}.durationCard.active{background:#f1edff!important;border-color:#7453eb!important;box-shadow:0 0 0 2px rgba(116,83,235,.08)!important;color:#2e2558!important}.durationCard.active b{color:#5f42db!important}
  .checkoutRows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:10px 0!important}.checkoutRows>div{min-height:47px!important;padding:8px 9px!important;border-radius:11px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important}.checkoutRows span{font-size:7.5px!important}.checkoutRows b{font-size:9.5px!important;line-height:1.2!important}.checkoutRows>div:nth-child(3){grid-column:1/-1!important;min-height:43px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.checkoutRows .checkoutTotal{grid-column:1/-1!important;min-height:54px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:9px 11px!important}.checkoutTotal b{font-size:20px!important}
  .paymentMethodLabel{margin-top:10px!important}.paymentMethodGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 9px!important}.paymentMethodCard{min-width:0!important;min-height:72px!important;padding:8px 5px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important}.paymentMethodOfficialLogo{width:100%!important;height:30px!important;justify-content:center!important;overflow:visible!important}.paymentMethodOfficialLogo img{display:block!important;width:auto!important;height:27px!important;max-width:90%!important;max-height:27px!important;object-fit:contain!important}.paymentMethodCard b{width:100%!important;margin-top:4px!important;font-size:9.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.paymentMethodCard small{display:none!important}.paymentMethodCard.active{background:#f2efff!important;border-color:#7352eb!important;box-shadow:0 0 0 2px rgba(115,82,235,.08)!important}
  .checkoutBtn{height:44px!important;border-radius:11px!important;font-size:11px!important}.paymentHint{font-size:7.5px!important;line-height:1.4!important;margin:6px 0 1px!important}
  .subscribeModal:has(.paymentInstructionsPanel) .subscribeHead{margin-bottom:4px!important}.paymentInstructionsPanel{width:100%!important;max-width:430px!important;margin:0 auto!important;padding-top:2px!important;border-top:0!important}.paymentInstructionsHead{padding:9px 10px!important;border:1px solid #eceef4!important;border-radius:12px!important;background:#fafbfe!important}.paymentInstructionsHead span{font-size:6.5px!important}.paymentInstructionsHead h3{font-size:16px!important;margin-top:1px!important}.paymentInstructionsHead small{font-size:7.5px!important;margin-top:2px!important}.paymentInstructionsHead>strong{font-size:7.5px!important;padding:5px 7px!important;white-space:nowrap!important}.paymentOrderSummary{margin:7px 0 0!important;padding:8px 9px!important;border-radius:10px!important}.paymentOrderSummary span{font-size:8px!important}.paymentOrderSummary b{font-size:7.5px!important}.paymentDue{margin:6px 0 8px!important;padding:9px 10px!important;border-radius:11px!important}.paymentDue span{font-size:7.5px!important}.paymentDue b{font-size:18px!important}.paymentQrWrap{margin:8px auto!important;gap:4px!important}.paymentQrWrap img{width:min(176px,48vw)!important;padding:6px!important;border-radius:12px!important}.paymentQrWrap span{font-size:7.5px!important}.paymentAccountRows{gap:5px!important;margin:7px 0!important}.paymentAccountRows>div{grid-template-columns:86px minmax(0,1fr) auto!important;gap:6px!important;padding:8px 9px!important;border-radius:10px!important}.paymentAccountRows span{grid-column:auto!important;font-size:7.5px!important}.paymentAccountRows b{font-size:9px!important}.paymentAccountRows button{padding:6px 7px!important}.paymentDetailsMissing{padding:8px 9px!important;border-radius:10px!important;font-size:8px!important;line-height:1.4!important;margin:7px 0!important}.paymentInstructionsText{font-size:8px!important;line-height:1.4!important;margin:7px 0!important;padding:8px 9px!important;border-radius:10px!important;background:#f7f5ff!important;color:#686f80!important}.paymentInstructionsText:empty{display:none!important}.paymentReferenceBox{margin:8px 0!important}.paymentReferenceBox>label{font-size:8px!important;margin-bottom:4px!important}.paymentReferenceBox>div{grid-template-columns:minmax(0,1fr) 74px!important;gap:5px!important}.paymentReferenceBox input{height:42px!important;padding:0 10px!important;border-radius:10px!important;font-size:16px!important}.paymentReferenceBox button{min-width:0!important;height:42px!important;border-radius:10px!important;padding:0 8px!important;font-size:9px!important}.paymentSubmittedNotice{margin:7px 0!important;padding:8px 9px!important}.paymentDoneBtn,.paymentSubmitBtn{margin-top:3px!important}
  html[data-theme="dark"] .subscribeHead{background:rgba(23,28,38,.97)!important;border-color:#303947!important}html[data-theme="dark"] .durationCard{background:#1c2330!important;border-color:#313b4b!important;color:#e9edf4!important}html[data-theme="dark"] .durationCard b{color:#e9edf4!important}html[data-theme="dark"] .durationCard.active{background:#30284c!important;border-color:#8061ef!important;color:#efeaff!important}html[data-theme="dark"] .durationCard.active b{color:#c8baff!important}html[data-theme="dark"] .paymentMethodCard.active{background:#30284c!important;border-color:#8061ef!important}html[data-theme="dark"] .paymentInstructionsHead,html[data-theme="dark"] .paymentOrderSummary{background:#1d2430!important;border-color:#303947!important}html[data-theme="dark"] .paymentInstructionsText{background:#211d31!important;color:#b8b1cf!important}
}
@media (max-width:390px){.subscribeModal{width:100%!important;padding-left:10px!important;padding-right:10px!important}.subscribeHead{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}.durationGrid,.paymentMethodGrid{gap:5px!important}.durationCard{min-height:54px!important}.paymentMethodCard{min-height:68px!important}.paymentQrWrap img{width:min(164px,46vw)!important}}