/* Phone density only: preserve content, motion, desktop layout and readable text. */
@media (max-width:700px){
 .partners-page .wrap{padding-inline:18px}
 .partners-page>header>.wrap{min-height:62px;padding-inline:18px}
 .partners-page main>section{padding-block:36px}
 .partners-page .hero{padding:25px 0 22px}
 .partners-page .hero h1,.partners-page:lang(kk) .hero h1{font-size:clamp(32px,8.7vw,42px);margin:16px 0;line-height:1.14}
 .partners-page .hero h1 .hero-signoff{font-size:19px;margin-top:8px}
 .partners-page .hero .lede{margin:16px 0 18px;line-height:1.65}
 .partners-page .hero .eyebrow{margin-bottom:14px}
 .partners-page .hero .hero-note{margin-top:12px!important}
 .partners-page .hero .hero-grid{gap:12px}
 .partners-page .hero .hero-art{gap:10px}
 .partners-page .hero .hero-art>img{width:220px;height:210px}
 .partners-page .experience-orbit{height:195px}
 .partners-page .hero .hero-art .art-income{padding:16px 18px}
 .partners-page .hero .art-income strong{font-size:36px;margin:7px 0}
 .partners-page .hero .hero-ctas .btn,.partners-page .btn{min-height:46px;padding:11px 15px;font-size:14px}
 .partners-page .section-head,.partners-page :is(#tiers,#calculator,#monthly,#who,#perks,#how) .section-head{margin-bottom:20px}
 .partners-page .section-head h2,.partners-page :is(#tiers,#calculator,#monthly,#leaderboard,#who,#perks,#how) .section-head h2{font-size:clamp(28px,7.7vw,35px);line-height:1.2}
 .partners-page .section-head p,.partners-page :is(#tiers,#calculator,#monthly,#leaderboard,#who,#perks,#how) .section-head>p{margin-top:12px;line-height:1.65;font-size:15px}
 .partners-page .section-head .kicker,.partners-page :is(#tiers,#calculator,#monthly,#leaderboard,#who,#perks,#how) .section-head .kicker{margin-bottom:12px}
 .partners-page #partner-terms{padding:18px 0 28px}
 .partners-page #partner-terms .terms-grid{gap:10px}
 .partners-page #partner-terms .terms-card{padding:15px 12px}
 .partners-page #partner-terms .terms-card-top{min-height:76px}
 .partners-page #partner-terms .terms-scene{width:34px;height:34px}
 .partners-page #partner-terms .terms-card strong{font-size:clamp(25px,6.9vw,34px)}
 .partners-page #partner-terms .terms-card p{margin-top:9px;line-height:1.55;font-size:14px}
 .partners-page #partner-terms :is(.terms-monthly,.terms-channel){padding:17px 15px;gap:12px}
 .partners-page #partner-terms :is(.terms-monthly,.terms-channel) p{line-height:1.6}
 .partners-page #models .model-chip,.partners-page #models .model-chip:nth-child(n){min-height:190px;padding:14px 12px}
 .partners-page #models .model-purpose{font-size:12px;margin-bottom:10px;line-height:1.5}
 .partners-page #models .model-logo{width:32px;height:32px;padding:6px}
 .partners-page .catalog-tools{padding-top:26px;margin-top:26px}
 .partners-page .catalog-subhead h3{font-size:28px}
 .partners-page .creative-tool{padding:18px}
 .partners-page .tool-art{height:56px;max-width:150px;margin-bottom:12px}
 .partners-page .creative-tool h4{font-size:19px}
 .partners-page .creative-tool p{line-height:1.6}
 .partners-page #order-market{padding-block:36px}
 .partners-page #order-market>.wrap{gap:20px}
 .partners-page .market-copy h2{font-size:32px}
 .partners-page .market-demo{padding:16px}
 .partners-page .market-order{padding:14px}
 .partners-page #who .bonus-grid .card,.partners-page #who .bonus-grid .card:nth-child(n),.partners-page #perks .bonus-grid .card{padding:18px}
 .partners-page #who .bonus-grid .card .icon,.partners-page #perks .bonus-grid .card .icon{margin-bottom:12px}
 .partners-page #who .bonus-grid .card h3,.partners-page #perks .bonus-grid .card h3{padding-top:12px;margin-bottom:9px;font-size:20px}
 .partners-page #who .bonus-grid .card p,.partners-page #perks .bonus-grid .card p{line-height:1.6}
 .partners-page #who .who-heading .who-subtitle{font-size:19px}
 .partners-page #tiers .tier-grid .card{padding:19px}
 .partners-page #tiers .tier-num{font-size:70px}
 .partners-page #tiers .agent summary{padding:18px;gap:12px}
 .partners-page #tiers .agent-row{padding:16px}
 .partners-page #calculator .calc-left{padding:20px 18px}
 .partners-page #calculator .calc-users{font-size:52px;margin:14px 0 20px}
 .partners-page #calculator .calc-right{padding:18px 16px}
 .partners-page #calculator .calc-row{padding:14px 0}
 .partners-page #calculator input:not([type=range]):not([type=checkbox]){font-size:16px}
 .partners-page #monthly{padding-block:30px;margin:12px 10px}
 .partners-page #monthly .cabinet-head{margin-bottom:16px}
 .partners-page #perks .studio-panel{padding:20px 18px;gap:16px}
 .partners-page #perks .studio-body h3{font-size:32px;margin:16px 0 12px}
 .partners-page #perks .studio-body p{line-height:1.65}
 .partners-page .studio-benefit,.partners-page .studio-benefit:first-child{padding:17px 0}
 .partners-page .studio-benefit-icon{margin-bottom:10px;width:34px;height:34px}
 .partners-page .studio-benefit h4{font-size:18px;margin-bottom:8px}
 .partners-page .studio-benefit p{line-height:1.65}
 .partners-page #how .step{padding:17px 15px;column-gap:11px}
 .partners-page #how .step p{line-height:1.6}
 .partners-page #how .onboarding-composition .guide{padding:20px 18px;gap:20px}
 .partners-page #how .guide .guide-body h3{font-size:27px;margin:12px 0 18px}
 .partners-page #how .guide .guide-list{gap:11px}
 .partners-page #how .guide .guide-phone{width:180px}
 .partners-page #leaderboard .lb-panel{padding:18px 14px}
 .partners-page #leaderboard .lb-row{padding:16px 6px}
 .partners-page #start-partner.final-cta{padding:28px 18px;margin:18px 14px}
 .partners-page #start-partner h2{font-size:32px}
 .partners-page #start-partner p{margin:15px auto 18px;line-height:1.65}
 .partners-page .premium-link{width:72px;height:72px;margin-bottom:18px}
 .partners-page footer{padding-top:22px}
 .partners-page footer>.wrap{gap:16px}
 .partners-page footer .footer-contacts a{min-height:78px;padding:30px 12px 12px}
 /* Agent guide keeps its existing two-column hero and collapsible instructions. */
 .agents-page section{padding-block:32px}
 .agents-page .hero{padding-block:28px;row-gap:16px}
 .agents-page .hero h1{font-size:clamp(34px,9vw,46px)}
 .agents-page .hero .promise-reward{margin-top:16px}
 .agents-page .hero .income{padding:15px 12px}
 .agents-page .hero .income>strong{margin:12px 0 7px}
 .agents-page .hero .example{padding-top:12px;margin-top:14px}
 .agents-page .hero .income small{margin-top:12px}
 .agents-page .panel:not(.result-profile){padding:18px}
 .agents-page :is(.two,.three){gap:12px}
 .agents-page .intro{margin-block:14px 20px;line-height:1.65}
 .agents-page .script-step{margin-top:18px}
 .agents-page .guide-details{margin-top:20px}
 .agents-page .guide-details>summary,.agents-page .faq-category>summary{padding-block:17px;min-height:48px}
 .agents-page .faq-category-heading{gap:5px}
 .agents-page .faq-category-heading>strong{font-size:17px}
 .agents-page .faq-category .faq-group summary{padding-block:14px;min-height:48px}
 .agents-page .faq-category .faq-group p{line-height:1.65}
 /* Withdrawal guide: tighter spacing, full-size video and readable instructions. */
 .withdrawal-page .payout-hero{padding-block:24px 18px}
 .withdrawal-page .method-selector-heading{margin:20px 0 14px}
 .withdrawal-page .method-accordion>.method-chapter{padding:15px 13px;gap:10px}
 .withdrawal-page .method-body .video-guide{padding:14px 12px;margin:12px 0}
 .withdrawal-page .full-video-guide{margin-top:24px;padding-top:20px}
 .withdrawal-page .guide-contacts{margin-top:20px;padding-top:18px;gap:8px}
 .withdrawal-page .guide-contact{padding:14px 16px}
 .withdrawal-page .contact-top{margin-bottom:8px}
}
/* Keep calculator inputs and the immediate result together on a phone. */
@media(max-width:700px){
 .partners-page #calculator{scroll-margin-top:72px}
 .partners-page #calculator .section-head{margin-bottom:16px}
 .partners-page #calculator .section-head h2{font-size:28px}
 .partners-page #calculator .section-head>p{font-size:14px;margin-top:10px;line-height:1.5}
 .partners-page #calculator .calc-panel{padding:0;gap:0;overflow:hidden}
 .partners-page #calculator .calc-left{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:15px 16px 12px}
 .partners-page #calculator .calc-left>label{align-self:center;font-size:13px;line-height:1.4;max-width:190px}
 .partners-page #calculator .calc-users{margin:0;font-size:30px;line-height:1.2;white-space:nowrap}
 .partners-page #calculator .calc-users .u{font-size:12px}
 /* Expand the hit area without moving surrounding rows or enlarging the visible track. */
 .partners-page #calculator #usersRange{grid-column:1/-1;width:100%;min-width:0;margin:-4px 0;height:44px;background-size:100% 28px;background-position:center;background-repeat:no-repeat}
 .partners-page #calculator .calc-scale{grid-column:1/-1;font-size:11px;margin:0}
 .partners-page #calculator .check-control{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:10px}
 .partners-page #calculator .check-control label{font-size:12px;line-height:1.45;max-width:210px}
 .partners-page #calculator .check-control input{width:88px;min-height:44px;padding:9px 10px;font-size:16px;flex:none}
 .partners-page #calculator .calc-right{margin:0 10px;padding:13px 14px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 .partners-page #calculator .calc-row.main{grid-column:1/-1;order:-2;gap:5px;padding:0 0 12px;border:0;min-width:0}
 .partners-page #calculator .premium-share{display:none}
 .partners-page #calculator .calc-row.main .label{font-size:13px}
 .partners-page #calculator .calc-row.main .val{font-size:clamp(30px,8.7vw,38px);line-height:1.15}
 .partners-page #calculator .calc-row:not(.main){display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 0 0;border-top:1px solid #c2a97b20}
 .partners-page #calculator .calc-row:not(.main) .label{max-width:none;font-size:11px;line-height:1.4}
 .partners-page #calculator .calc-row:not(.main) .val{font-size:clamp(16px,4.6vw,21px);white-space:normal;overflow-wrap:anywhere;line-height:1.3}
 .partners-page #calculator .calc-compact-note{font-size:11px;color:#aaa397;margin:10px 16px 0;line-height:1.5}
 .partners-page #calculator .calc-details{margin:0 16px 8px;min-width:0}
 .partners-page #calculator .calc-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:12px;color:#ddc28e;cursor:pointer;list-style:none}
 .partners-page #calculator .calc-details>summary::-webkit-details-marker{display:none}
 .partners-page #calculator .calc-details>summary:after{content:'';width:7px;height:7px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px}
 .partners-page #calculator .calc-details[open]>summary:after{transform:rotate(225deg)}
 .partners-page #calculator .calc-details>summary:focus-visible{outline:2px solid #ffdc89;outline-offset:2px}
 .partners-page #calculator .calc-details .calc-assumption{margin:0 0 14px;line-height:1.6!important}
 .partners-page #calculator .calc-details .income-chart{padding:0 0 12px;margin:0;border:0}
 .partners-page #calculator .calc-details .income-chart svg{height:95px}
}