html{overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
*{min-width:0}

@media (max-width: 1100px){
  .stat-grid,.cards-grid,.grid,.grid-2,.grid-3,.grid-4,.metrics-grid,.summary-grid,.dashboard-grid,.content-grid,.offers-grid,.footer-cols,.stat-strip,.oc-stats,.oc-stats,.oc-stats,.steps-bar,.page-grid,.shell,.fi-row,.qa-grid,.frow,.fr2,.fr3{grid-template-columns:1fr !important;display:grid !important}
  .card-grid,.tiles,.tile-grid{grid-template-columns:1fr !important;display:grid !important}
  .main-wrap,.content-wrap,.footer-inner,.footer-bottom,.offer-strip,.cover-content,.hero-strip,.tab-bar,.learn-content,[style*="grid-template-columns:1fr 320px"],[style*="grid-template-columns:1fr 340px"],[style*="grid-template-columns:1fr 300px"],[style*="grid-template-columns:1fr 380px"],[style*="grid-template-columns:1fr 460px"],[style*="grid-template-columns:300px 1fr"],[style*="grid-template-columns:1fr 1fr 1fr 1fr"],[style*="grid-template-columns:1fr 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns:repeat(5,1fr)"],[style*="grid-template-columns:max-content max-content"],[style*="grid-template-columns:1.2fr .8fr"],[style*="grid-template-columns:repeat(2,minmax(0,1fr))"],[style*="grid-template-columns:repeat(auto-fit,minmax(220px,1fr))"],[style*="grid-template-columns: 1fr 320px"],[style*="grid-template-columns: 1fr 340px"],[style*="grid-template-columns: 1fr 300px"],[style*="grid-template-columns: 1fr 380px"],[style*="grid-template-columns: 1fr 460px"],[style*="grid-template-columns: 300px 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat(4,1fr)"],[style*="grid-template-columns: repeat(3,1fr)"],[style*="grid-template-columns: repeat(5,1fr)"],[style*="grid-template-columns: max-content max-content"],[style*="grid-template-columns: 1.2fr .8fr"],[style*="grid-template-columns: repeat(2,minmax(0,1fr))"],[style*="grid-template-columns: repeat(auto-fit,minmax(220px,1fr))"]{grid-template-columns:1fr !important}
}

@media (max-width: 900px){
  body{display:block !important;min-width:0}
  nav,.topbar,.header,.page-header{position:relative !important;top:auto !important;left:auto !important;right:auto !important;height:auto !important;min-height:56px;padding:14px 16px !important;flex-wrap:wrap !important;gap:12px !important}
  .nav-links,.nav-actions,.topbar-right,.header-actions,.page-actions,.toolbar,.gateway-brand,.sec-actions,.form-footer{margin-left:0 !important;width:100% !important;justify-content:flex-start !important;flex-wrap:wrap !important;gap:10px !important}
  .nav-logo svg,.sidebar-logo svg{max-width:160px !important;height:auto !important}
  .filter-count,.os-right,.cover-right,.footer-legal{margin-left:0 !important;text-align:left !important}
  .nav-links a,.footer-links a,.tab,.breadcrumb,.filter-pill,.upload-btn{white-space:normal !important}
  .page,.page-wrap,.app,.app-shell,.shell,.content-wrap,.layout{padding-top:0 !important;margin-left:0 !important;width:100% !important;max-width:100% !important}
  .sidebar{position:relative !important;top:auto !important;left:auto !important;bottom:auto !important;width:100% !important;min-height:auto !important;height:auto !important}
  .sidebar-logo{width:100% !important}
  .sidebar-nav{overflow:visible !important;max-height:none !important}
  .sidebar-foot,.user-block{padding:12px 16px !important}
  .main{margin-left:0 !important;width:100% !important;max-width:100% !important}
  .content,.container,.page-body,.main-content,.offers-section,.hero-strip,.learn-content,.section,.wrap,.right,.left,.page,.card-body,.form-body,.faq-hd,.faq-q,.faq-a,.channels-card,.sla-card{padding-left:16px !important;padding-right:16px !important}
  .site-footer,footer,.footer-inner,.footer-bottom,.footer-cols{padding-left:16px !important;padding-right:16px !important}
  .cover-content,.breadcrumb,.main-wrap,[style*="padding:20px 80px 0"],[style*="padding:32px 80px"],[style*="padding:28px 80px 60px"],[style*="padding:14px 80px"],[style*="padding:36px 80px"],[style*="padding:52px 120px 0"],[style*="padding:56px 120px"],[style*="padding:72px 120px"],[style*="padding:80px 120px"],[style*="padding:24px 120px"],[style*="padding:20px 80px"],[style*="padding:60px 80px"],[style*="padding:72px 80px"],[style*="padding:48px 120px"],[style*="padding:0 80px"],[style*="padding:0 120px"]{padding-left:16px !important;padding-right:16px !important}
  .cover,.left-panel,.right-panel,.hero,.learn-hero,.left,.right{min-height:auto !important;height:auto !important}
  .left,.left-panel,.right-panel,.main-wrap,.cover-content,.footer-inner,.footer-bottom,.footer-cols,.offer-strip,.filters-bar,.oc-top,.oc-actions,.qa-submit-row,.offers-lock-actions,.sub-wrap,.upload-row,.channel,.gateway-brand,[style*="display:flex;align-items:center"],[style*="display:flex;justify-content:space-between"],[style*="display:flex;gap:"],[style*="display:flex;background:#fff"],[style*="display:flex;align-items:flex-start"],[style*="display: flex;align-items:center"],[style*="display: flex;justify-content:space-between"],[style*="display: flex;gap:"],[style*="display: flex;background:#fff"],[style*="display: flex;align-items:flex-start"]{flex-wrap:wrap !important}
  .left,.right,.left-panel,.right-panel,.side-col,.main-col,.cover-left,.cover-right,.footer-brand,.footer-legal,.footer-cols,.os-right,.verify-card,.right-col,.gateway,.qa-item,.channel-body,.left-footer,[style*="width:220px"],[style*="width:230px"],[style*="width:240px"],[style*="width:260px"],[style*="width:280px"],[style*="width:300px"],[style*="width:320px"],[style*="width:340px"],[style*="width:360px"],[style*="width:380px"],[style*="width:400px"],[style*="width:420px"],[style*="width:440px"],[style*="width:460px"],[style*="width:480px"],[style*="width:500px"],[style*="width:520px"],[style*="width:540px"],[style*="width:560px"],[style*="width:580px"],[style*="width:600px"],[style*="width:620px"],[style*="width:640px"],[style*="width:680px"],[style*="width:720px"],[style*="width:760px"],[style*="width:780px"],[style*="width:820px"],[style*="width:900px"],[style*="width:980px"],[style*="width:1000px"],[style*="width:1100px"],[style*="width: 220px"],[style*="width: 230px"],[style*="width: 240px"],[style*="width: 260px"],[style*="width: 280px"],[style*="width: 300px"],[style*="width: 320px"],[style*="width: 340px"],[style*="width: 360px"],[style*="width: 380px"],[style*="width: 400px"],[style*="width: 420px"],[style*="width: 440px"],[style*="width: 460px"],[style*="width: 480px"],[style*="width: 500px"],[style*="width: 520px"],[style*="width: 540px"],[style*="width: 560px"],[style*="width: 580px"],[style*="width: 600px"],[style*="width: 620px"],[style*="width: 640px"],[style*="width: 680px"],[style*="width: 720px"],[style*="width: 760px"],[style*="width: 780px"],[style*="width: 820px"],[style*="width: 900px"],[style*="width: 980px"],[style*="width: 1000px"],[style*="width: 1100px"]{width:100% !important;max-width:100% !important}
  .role-cards,.mobile-wrap,.otp-wrap,.verify-email-chip,.yes-no-toggle,.checks{display:flex !important;flex-wrap:wrap !important;gap:10px !important}
  .role-card,.country-select-wrap,.mobile-number,.yes-no-toggle > *,.chk,.radio-item,.decl-item{width:100% !important;max-width:100% !important}
  .side-col{position:static !important;top:auto !important}
  .form-row,.row,.btn-row,.action-row,.filters,.filter-row,.toolbar-row,.section-hd,.section-header,.fi-row,.qa-grid,.sec-actions,.gateway-brand,.summary-row{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:12px !important}
  .fg,.fgroup,.field,.field-group,.half,.third,.quarter,.channel,.qa-item{flex:1 1 auto !important;width:100% !important;max-width:100% !important}
  .left{position:relative !important;top:auto !important;overflow:visible !important}
  .steps,.snav-list,.radios{gap:10px !important}
  .step-item{padding-bottom:12px !important}
  .step-item::before{height:calc(100% - 2px) !important}
  table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .table-wrap,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal,.modal-card,.dialog{width:calc(100vw - 24px) !important;max-width:calc(100vw - 24px) !important;margin:12px auto !important}
  .role-sw,[class*="floating"],[class*="float-panel"]{position:static !important;right:auto !important;bottom:auto !important;width:100% !important;max-width:100% !important;margin-top:12px !important}
  .oc-stats,.stat-strip,.grid2,.grid-2,.grid-3,.grid-4,.offers-grid,.footer-cols,.steps-bar,.page-grid,.shell,.fi-row,.qa-grid,.frow,.fr2,.fr3,[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns:1fr 1fr 1fr"],[style*="grid-template-columns:1fr 1fr 1fr 1fr"],[style*="grid-template-columns:1fr 300px"],[style*="grid-template-columns:1fr 320px"],[style*="grid-template-columns:1fr 340px"],[style*="grid-template-columns:300px 1fr"],[style*="grid-template-columns:repeat(2,1fr)"],[style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns:repeat(5,1fr)"],[style*="grid-template-columns:max-content max-content"],[style*="grid-template-columns:1.2fr .8fr"],[style*="grid-template-columns:repeat(2,minmax(0,1fr))"],[style*="grid-template-columns:repeat(auto-fit,minmax(220px,1fr))"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 300px"],[style*="grid-template-columns: 1fr 320px"],[style*="grid-template-columns: 1fr 340px"],[style*="grid-template-columns: 300px 1fr"],[style*="grid-template-columns: repeat(2,1fr)"],[style*="grid-template-columns: repeat(3,1fr)"],[style*="grid-template-columns: repeat(4,1fr)"],[style*="grid-template-columns: repeat(5,1fr)"],[style*="grid-template-columns: max-content max-content"],[style*="grid-template-columns: 1.2fr .8fr"],[style*="grid-template-columns: repeat(2,minmax(0,1fr))"],[style*="grid-template-columns: repeat(auto-fit,minmax(220px,1fr))"]{display:grid !important;grid-template-columns:1fr !important;gap:12px !important}
  .offer-strip,.oc-top,.cover-content,.footer-inner,.footer-bottom{align-items:flex-start !important}
  .breadcrumb,.filters-bar,.footer-legal,.footer-status,.oc-meta,.topbar-right{flex-wrap:wrap !important}
  .cpb-row,.oc-prog-row,.detail-row,.dr-row,.sub-stat-row,.issuer-detail-row,.offer-doc-row,.od-row,[style*="display:flex;justify-content:space-between"],[style*="display: flex;justify-content:space-between"]{gap:8px !important}
}

@media (max-width: 640px){
  body{font-size:14px !important}
  h1,.topbar-title,.page-title,.cover-title,.left-heading,.title,.left-title,.sec-title{font-size:20px !important;line-height:1.25 !important}
  h2,.section-title,.card-title,.login-heading,.hs-title,.form-card-title,.faq-hd-title,.channels-title{font-size:16px !important;line-height:1.35 !important}
  .chip,.pill,.tag,.badge,.ni-badge,.oc-badge,.cover-badge,.step-label,.snav-label{white-space:normal !important}
  .content,.container,.page-body,.main-content,.offers-section,.sub-wrap,.learn-content,.section,.wrap,.right,.left,.page,.card-body,.form-body{padding:12px !important}
  .card{border-radius:8px !important}
  .card-hd,.card-body,.card-ft,.modal-body,.modal-foot,.modal-header,.modal-footer,.form-card-hd,.faq-hd,.channels-card,.sla-card{padding:12px !important}
  .btn-primary,.btn-secondary,.btn-ghost,.btn-gold,.btn-red,.btn-green,.btn-submit,.btn-reg,.btn-login,.btn-nav-login,.btn-nav-register,.btn-nav-dash,.btn-back,.btn-send,.btn-next,.pay-btn,.ghost-btn,button[type=button],button[type=submit]{width:100%;min-height:42px}
  input[type=text],input[type=email],input[type=number],input[type=date],input[type=password],select,textarea,.fi,.fi-ta{font-size:16px !important}
  .sidebar-nav{padding:8px !important}
  .nav-item{padding:10px !important}
  .sf-user{align-items:flex-start !important}
  .topbar-right .chip,.topbar-right .pill,.nav-actions > *{width:100%}
  .notif-btn{align-self:flex-start}
  .cover-progress-box,.login-card,.offers-lock-card,.modal,.role-card,.gateway,.qa-box,.left-footer,[style*="width:220px"],[style*="width:230px"],[style*="width:240px"],[style*="width:260px"],[style*="width:280px"],[style*="width:300px"],[style*="width:320px"],[style*="width:340px"],[style*="width:360px"],[style*="width:380px"],[style*="width:400px"],[style*="width:420px"],[style*="width:440px"],[style*="width:460px"],[style*="width:480px"],[style*="width:500px"],[style*="width:520px"],[style*="width:540px"],[style*="width:560px"],[style*="width:580px"],[style*="width:600px"],[style*="width:620px"],[style*="width:640px"],[style*="width:680px"],[style*="width:720px"],[style*="width:760px"],[style*="width:780px"],[style*="width:820px"],[style*="width:900px"],[style*="width:980px"],[style*="width:1000px"],[style*="width:1100px"],[style*="width: 220px"],[style*="width: 230px"],[style*="width: 240px"],[style*="width: 260px"],[style*="width: 280px"],[style*="width: 300px"],[style*="width: 320px"],[style*="width: 340px"],[style*="width: 360px"],[style*="width: 380px"],[style*="width: 400px"],[style*="width: 420px"],[style*="width: 440px"],[style*="width: 460px"],[style*="width: 480px"],[style*="width: 500px"],[style*="width: 520px"],[style*="width: 540px"],[style*="width: 560px"],[style*="width: 580px"],[style*="width: 600px"],[style*="width: 620px"],[style*="width: 640px"],[style*="width: 680px"],[style*="width: 720px"],[style*="width: 760px"],[style*="width: 780px"],[style*="width: 820px"],[style*="width: 900px"],[style*="width: 980px"],[style*="width: 1000px"],[style*="width: 1100px"],[style*="max-width:640px"],[style*="max-width:540px"],[style*="max-width:520px"],[style*="max-width:480px"],[style*="max-width: 640px"],[style*="max-width: 540px"],[style*="max-width: 520px"],[style*="max-width: 480px"]{width:100% !important;max-width:100% !important}
  .otp-input{width:44px !important;max-width:44px !important;height:52px !important;font-size:22px !important}
  [style*="display:flex"],[style*="display: flex"]{flex-wrap:wrap}
  .tabs{gap:8px !important;border-bottom:none !important}
  .tab{padding:10px 12px !important;border:1px solid #E8EAF0 !important;border-radius:8px !important;margin-bottom:0 !important}
  .breadcrumb{font-size:10px !important;gap:4px !important}
  .footer-legal,.footer-status,.oc-meta,.quick-btns{gap:8px !important}
  .footer-disclaimer,.left-bottom-text,.hs-sub,p,li,.hint,.send-note,.reg-note{font-size:12px !important}
  .step-dot::after{display:none !important}
  .sd-label{white-space:normal !important}
  .summary-row,.sla-row,.channel{gap:6px !important}
}
