/* Responsive application layer for the client account and public pages. */
@media(max-width:991.98px){
 main,main section,main .wrap,main [class*="col-"]{min-width:0;max-width:100%}
 main p,main li,main h1,main h2,main h3,main h4,main a{overflow-wrap:anywhere}
 main img{max-width:100%;height:auto}
 .section-header .mobile-menu-toggle{border:0;background:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;color:inherit;font-size:24px}
 .nav-mobile-menu .mobile-menu{max-width:100vw;overflow-y:auto;max-height:calc(100dvh - 80px);overscroll-behavior:contain}
 .nav-mobile-menu .link{min-height:44px;display:flex;align-items:center;white-space:normal}
 footer .section-footer ul.list{flex-wrap:wrap;row-gap:8px}
 footer .section-footer ul.list .item{margin-right:20px;max-width:100%}
 footer .section-footer ul.list .item .link{display:inline-block;line-height:1.5;overflow-wrap:anywhere}
 main .select2-container{max-width:100%}
 main .select2-selection__rendered{overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:767.98px){
 main{padding-bottom:24px}
 main .container{padding-inline:16px}
 main .section-standart{margin-top:32px;margin-bottom:24px}
 main .heading{line-height:1.4;overflow-wrap:anywhere}
 main h2.heading{font-size:24px!important}
 main h3.heading,main h4.heading{font-size:20px!important}
 main .col-heading>.wrap{display:flex;flex-direction:column;align-items:flex-start!important;gap:12px;max-width:100%}
 main .col-heading>.wrap>.wrap{display:flex;flex-wrap:wrap;gap:12px}
 main .info-profile-wrap{padding:20px 16px!important}
 main .info-profile-wrap .item{line-height:1.6;white-space:normal}
 main .list-item.row{margin-inline:0;padding:16px!important;gap:14px}
 main .list-item .item-wrap{padding-inline:0;min-width:0;max-width:100%;width:100%;display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;line-height:1.5}
 main .list-item .item-wrap .label{font-size:12px;color:#697386}
 main .list-item .item-wrap .accent{overflow-wrap:anywhere;white-space:normal;max-width:100%}
 main .list-item .link{display:flex;justify-content:center;align-items:center;min-height:44px;max-width:100%;padding:10px 16px;white-space:normal}
 main .col-login-wrap,main .col-login-wrap form{max-width:100%;width:100%}
 main .col-login-wrap{padding:24px 16px!important}
 main input:not([type=checkbox]):not([type=radio]),main select,main textarea{max-width:100%;min-height:44px;font-size:16px!important}
 main .form-control{min-width:0;max-width:100%}
 main button[type=submit],main .payment-submit-wrap .link{min-height:48px;max-width:100%;white-space:normal;line-height:1.4}
 main .checkbox-wrap{display:flex;align-items:flex-start;gap:10px;max-width:100%}
 main .checkbox-wrap label{line-height:1.6;min-width:0}
 main .checkbox-wrap input{flex-shrink:0;margin-top:5px}
 main .col-pay>.wrap,main .checkout-wrap,main .col-transaction-detail>.wrap{padding:20px 16px!important;max-width:100%;width:100%}
 main .col-pay .list .item,main .col-transaction-detail .list .item{line-height:1.7}
 main .section-thank-you{margin:48px 0}
 main .section-thank-you .wrap{box-sizing:border-box;width:100%;max-width:100%;padding:24px 16px!important}
 main .section-thank-you .text,main .section-thank-you .heading{line-height:1.5}
 footer .section-footer{padding-top:32px;padding-bottom:24px}
 footer .section-footer ul.list{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 footer .section-footer ul.list .item{margin:0;padding:6px 0}
 footer .section-footer .footer-logos{margin-top:20px;max-width:260px}
 .select2-results__option{min-height:44px;white-space:normal;overflow-wrap:anywhere}
}

@media(max-width:767.98px){
 main .section-thank-you .col-thank-you .wrap{min-width:0!important;width:100%;max-width:100%}
 main .section-thank-you .wrap-content{min-width:0;max-width:100%;width:100%}
 main .section-thank-you .col-thank-you .wrap .wrap-content .title{font-size:23px;text-align:center;line-height:1.4;overflow-wrap:anywhere}
}

/* Keep the existing checkbox accessible without its invisible box widening the page. */
.section-login .col-login .col-login-wrap form{min-width:0;width:min(780px,100%);max-width:100%;box-sizing:border-box}
.section-login .col-login .col-login-wrap form .form-flex input.checkbox{position:absolute;width:1px;height:1px;min-width:0;min-height:0;padding:0;margin:0;clip-path:inset(50%);overflow:hidden}
.section-login input.checkbox:focus-visible+label{outline:2px solid #000274;outline-offset:4px}

@media(max-width:991.98px){
 header .section-header .col-header-menu .header-menu-wrap{display:none}
 header .col-header-menu .nav-mobile-menu{display:block;position:absolute;right:0;top:0;width:100%;z-index:1}
 header .section-header .col-header-menu .mobile-menu-toggle{display:flex;position:relative;z-index:2;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:24px;border:0;background:transparent}
}