
/* Phone layout shared by storefront, account and owner administration. */
@media(max-width:760px){
 body{overflow-wrap:break-word}
 main{padding:18px 14px 32px}
 main>h1{font-size:24px;line-height:1.4}
 main>p{font-size:13px;line-height:1.65}
 header{padding:12px 14px;gap:12px}
 header .portrait-logo{width:42px;height:42px}
 header .brand-title{font-size:24px}
 header nav{gap:4px}
 .testbar{font-size:10px;line-height:1.5;padding:8px 14px}
 #selected-game .brand-sidebar{display:none}
 #selected-game .topup-page{display:block}
 #selected-game .purchase-column{width:100%;min-width:0}
 .home-intro{gap:16px;padding-bottom:20px}
 .home-intro .manual-carousel:not(.stream-slide) .carousel-stage{aspect-ratio:2.5/1}
 .home-intro .compact-intro h1{font-size:25px;line-height:1.3}
 #games.section-title{display:block;margin-top:22px;padding-bottom:10px}
 #games.section-title h2{font-size:22px;margin-bottom:6px}
 #games.section-title .muted{font-size:11px}
 .catalog-search{padding:12px}
 .catalog-search-controls{gap:8px}
 .catalog-search-controls input{width:0;min-width:0;font-size:16px}
 #clear-game-search{font-size:11px;padding:8px;min-height:44px}
 #product-form .numbered-panel{padding:16px 12px}
 #product-form .numbered-panel>h3{font-size:16px;line-height:1.5}
 #product-form input,.cart-player-editor input,#guest-checkout input,#guest-checkout select,.compact-order-toolbar input,.compact-order-toolbar select{font-size:16px;max-width:100%;box-sizing:border-box}
 #product-form .offer-card{min-width:0}
 #product-form .offer-copy,#product-form .offer-price{overflow-wrap:anywhere}
 .purchase-steps{gap:6px}
 .purchase-steps button{font-size:11px;padding:8px 4px;min-height:44px}
 .purchase-steps button span{flex-shrink:0}
 .game-heading{padding:14px;gap:10px}
 .game-heading h1{font-size:22px}
 .home-telegram-banner{margin-top:24px}
 .steps{gap:16px;margin-top:24px;padding-top:20px}
 .checkout-layout{display:flex;flex-direction:column;gap:16px}
 .checkout-layout>section,.checkout-layout>aside{width:100%;min-width:0;box-sizing:border-box}
 .online-cart-edit{display:block;margin:12px 0}
 #online-account .panel,#online-admin .panel{padding:16px 12px}
 #online-admin .admin-order-header,#online-admin .admin-order-footer{flex-wrap:wrap;gap:12px}
 #online-admin .admin-order-actions{width:100%;display:flex;flex-wrap:wrap}
 #online-admin .admin-order-actions button{flex:1 1 150px;min-height:44px;white-space:normal;padding:12px;font-size:13px}
 #online-admin .admin-order-fields{display:grid;grid-template-columns:1fr;gap:12px}
 #online-admin .admin-order-fields input,#online-admin .admin-order-fields select{font-size:16px;width:100%;box-sizing:border-box}
 .compact-order>summary{font-size:12px}
 .compact-order>summary strong,.admin-order-reference h3{overflow-wrap:anywhere}
 .compact-order-toolbar button{min-height:44px}
 .owner-admin{max-width:100%;padding:18px 14px}
 .owner-admin .admin-toolbar{flex-wrap:wrap;gap:10px}
 footer{margin:0 14px;padding:20px 0;font-size:12px}
}
@media(max-width:380px){
 header .brand-title{font-size:22px}
 .purchase-steps button{font-size:10px}
 .compact-order>summary{grid-template-columns:1fr}
 .compact-order>summary>*{grid-column:1}
}
