/* Compact purchase layout. Original controls, selection and payment handlers are retained. */
.download-page #buyModal{width:740px!important;top:5vh!important;max-height:90vh!important;max-height:90dvh!important;background:#fdfcfb!important;border-radius:17px!important;scrollbar-width:thin}
.download-page #buyModal>div:first-child{padding:16px 23px!important;font-size:17px!important}
.download-page #buyModal>div:last-child{padding:20px 23px!important}
.download-page #buyPlans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;margin-bottom:20px!important}
.download-page #buyPlans label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr;min-height:128px!important;gap:9px;padding:14px!important}
.download-page #buyPlans input[name=planId]{left:14px;top:17px;accent-color:#a28a60}
.download-page #buyPlans label>input+div>div:first-child{font-size:13px!important;line-height:1.6!important;padding:0 27px 0 22px;margin:0 0 5px!important}
.download-page #buyPlans label>input+div>div:nth-child(2){padding-left:22px;font-size:11px!important}
.download-page #buyPlans label>input+div>div:nth-child(3){font-size:9px!important;margin:5px 0 0 22px!important;line-height:1.6!important}
.download-page #buyPlans label:not(.buy-plan-has-note)>input+div>div:nth-child(3){display:none}
.download-page #buyPlans label>div:last-child{justify-self:start!important;align-self:end!important;font-size:25px!important;line-height:1.25!important;margin:0 0 0 22px!important;max-width:calc(100% - 22px)}
.download-page #buyPlans .activity-corner-badge{top:12px!important;right:11px!important;padding:1px 5px!important}
.download-page #buyPlans label:has(input:checked){border-color:#b19668!important;background:linear-gradient(135deg,#fffaf1,#f7f0e2)!important}
.download-page #buyChannels{gap:11px!important;margin-bottom:18px!important}.download-page #buyChannels label{min-height:44px;padding:10px 14px!important}
.download-page #buyModal>div:last-child>div:last-child{position:sticky;bottom:-20px;z-index:5;align-items:center;gap:10px!important;padding:16px 0 2px!important;border-top:1px solid #e8e4de;background:#fdfcfb;box-shadow:0 -8px 16px #fdfcfb;isolation:isolate}
.download-page .buy-order-summary{flex:1;min-width:0;margin-right:10px;color:#7d7e86;line-height:1.6}
.download-page .buy-selected-name{font-size:11px;overflow-wrap:anywhere;color:#777986}
.download-page .buy-total{display:flex;align-items:baseline;gap:8px;font-size:11px;white-space:nowrap}
.download-page .buy-total strong{color:#45414a;font-size:24px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.5px;line-height:1.4}
.download-page #buyModal button{min-height:42px!important;min-width:84px!important;padding:10px 18px!important}
@media(max-width:768px){
  .download-page #buyModal{top:16px!important;max-height:calc(100dvh - 32px)!important}
  .download-page #buyModal>div:first-child{padding:15px 18px!important}
  .download-page #buyModal>div:last-child{padding:18px!important}
  .download-page #buyPlans{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:clamp(150px,calc(100vh - 350px),440px)!important;max-height:clamp(150px,calc(100dvh - 350px),440px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:1px 4px 1px 1px!important;margin-bottom:17px!important;scrollbar-width:thin}
  .download-page #buyModal>div:last-child>div:last-child{bottom:-18px}
}
@media(max-width:540px){
  .download-page #buyModal>div:first-child{font-size:16px!important}
  .download-page #buyModal>div:last-child{padding:16px!important}
  .download-page #buyPlans{gap:9px!important}
  .download-page #buyPlans label{min-height:125px!important;padding:12px 10px!important;gap:9px}
  .download-page #buyPlans input[name=planId]{left:10px;top:15px;width:13px;height:13px}
  .download-page #buyPlans label>input+div>div:first-child{padding:0 0 0 20px;font-size:12px!important;line-height:1.7!important}
  .download-page #buyPlans label>input+div>div:nth-child(2){padding-left:20px;font-size:10px!important}
  .download-page #buyPlans label>input+div>div:nth-child(3){margin-left:20px!important;font-size:9px!important}
  .download-page #buyPlans label>div:last-child{margin:0 24px 0 20px!important;font-size:22px!important;max-width:calc(100% - 44px)}
  .download-page #buyPlans .activity-corner-badge{top:auto!important;bottom:15px!important;right:9px!important;font-size:8px!important;padding:1px 4px!important}
  .download-page #buyPlans .activity-corner-badge .badge-text{font-size:8px!important}
  .download-page #buyChannels{margin-bottom:14px!important}.download-page #buyChannels label{min-height:42px;padding:9px!important}
  .download-page #buyModal>div:last-child>div:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));bottom:-16px;padding-top:12px!important;gap:10px!important}
  .download-page .buy-order-summary{display:flex;align-items:center;justify-content:space-between;gap:9px;grid-column:1/-1;margin:0}
  .download-page .buy-selected-name{max-width:52%;font-size:11px}.download-page .buy-total{flex-direction:column;align-items:flex-end;gap:0;font-size:11px}.download-page .buy-total strong{font-size:23px}
  .download-page #buyModal>div:last-child>div:last-child button{width:100%!important;min-width:0!important;margin:0!important}
}
@media(max-width:360px){
  .download-page #buyPlans{grid-template-columns:minmax(0,1fr)!important}
  .download-page #buyPlans label{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto;min-height:96px!important;align-items:center}
  .download-page #buyPlans label>div:last-child{max-width:100%;margin:17px 0 0!important;align-self:center!important;font-size:21px!important}
  .download-page #buyPlans .activity-corner-badge{top:10px!important;bottom:auto!important;right:10px!important}
}