/* Milad Server responsive hardening: homepage and client area */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
.site-wrapper,#main-body,#main-body>.container,.ms-home,.ms-client-dashboard{min-width:0}
#main-body .table-responsive{max-width:100%;-webkit-overflow-scrolling:touch}
.nav-scroller-subpages{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.nav-scroller-subpages>.nav{width:max-content;min-width:100%;flex-wrap:nowrap}
.ms-mobile-menu-close,.ms-mobile-menu-backdrop{display:none}
/* Logged-in notices use the current visual system instead of the legacy yellow blocks. */
.email-verification.bg-default-2,.verification-banner.email-verification{background:transparent!important}
.bg-default-2:has(>.container .email-verification){padding:102px 15px 12px!important;background:linear-gradient(180deg,#eef4fb,#f6f9fc)!important}
.verification-banner.email-verification{position:relative;min-height:76px;padding:15px 58px 15px 18px!important;display:flex;align-items:center;gap:12px;border:1px solid #bcd8ff!important;border-radius:16px!important;background:linear-gradient(120deg,#edf5ff,#eefbf6)!important;color:#24415f!important;box-shadow:0 12px 34px rgba(19,54,91,.08)}
.verification-banner.email-verification p{flex:1;margin:0!important;color:#24415f!important;font-size:12px!important;line-height:1.9}
.verification-banner.email-verification .btn-resend-verify-email{min-height:42px!important;padding:8px 15px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#2e70eb,#2459c9)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;white-space:nowrap}
.verification-banner.email-verification .close{position:absolute;top:18px;right:15px;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:9px!important;background:rgba(36,101,210,.09)!important;color:#286be0!important;opacity:1!important}
.verification-banner.user-validation{padding:16px 0;border:0;background:linear-gradient(120deg,#edf5ff,#eefbf6);color:#24415f;box-shadow:0 8px 24px rgba(19,54,91,.06)}

@media (min-width:1200px){
  .ms-modern-header .offcanvas-active.navbar-expand-lg .navbar-collapse{position:static!important;display:flex!important;width:auto!important;height:auto!important;padding:0!important;overflow:visible!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}

/* Phones/tablets can report a desktop-like 992-1199px viewport. Keep the usable off-canvas menu. */
@media (min-width:992px) and (max-width:1199px){
  body.ms-mobile-menu-open{overflow:hidden!important;touch-action:none}
  .ms-modern-header{padding:9px 14px!important;height:88px!important}
  .ms-modern-header .site-navbar{min-height:68px!important;padding:5px 9px!important}
  .ms-modern-header .brand-logo{order:1;margin:0 3px 0 auto!important}
  .ms-modern-header .brand-logo>a,.ms-modern-header .brand-logo>a>img{height:50px!important;max-width:100px!important;object-fit:contain}
  .ms-modern-header .header-btn-whmcs{order:2;margin:0!important}
  .ms-modern-header .navbar-toggler{order:3!important;width:42px!important;height:42px!important;display:flex!important;align-items:center;justify-content:center;margin:0 6px!important}
  .ms-modern-header .navbar-collapse,.offcanvas-active.navbar-expand-lg .navbar-collapse{position:fixed!important;top:0!important;right:0!important;left:auto!important;z-index:1000001!important;width:min(360px,88vw)!important;height:100vh!important;padding:84px 20px 25px!important;display:block!important;overflow-y:auto!important;background:linear-gradient(180deg,#07172f,#0a2945 68%,#0a3f4b)!important;box-shadow:-22px 0 65px rgba(0,0,0,.38)!important;transform:translate3d(105%,0,0)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:transform .28s ease,visibility .28s ease,opacity .2s ease!important}
  .ms-modern-header .navbar-collapse.show,.ms-modern-header .navbar-collapse.collapsing,.offcanvas-active.navbar-expand-lg .navbar-collapse.show{transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  body:not(.ms-mobile-menu-open) .ms-modern-header .navbar-collapse.collapsing:not(.show){transform:translate3d(105%,0,0)!important;opacity:0!important}
  .ms-modern-header .navbar-nav-wrapper,.ms-modern-header .main-menu{width:100%!important;margin:0!important;display:block!important}
  .ms-modern-header .main-menu>li{width:100%!important;display:block!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .ms-modern-header .main-menu>li>.nav-link{min-height:52px!important;padding:0 13px!important;display:flex!important;align-items:center!important;color:#f3f7ff!important;font-size:13px!important;font-weight:800!important;text-shadow:none!important;opacity:1!important}
  .ms-modern-header .main-menu>li>.nav-link:hover{background:rgba(94,224,177,.1)!important;color:#70edbf!important}
  .ms-mobile-menu-close{position:absolute;top:18px;right:18px;left:18px;height:47px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.09);color:#fff;font-family:inherit;font-size:12px;font-weight:900}
  .ms-mobile-menu-close i{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(94,224,177,.15);color:#70edbf;font-size:17px}
  .ms-mobile-menu-backdrop{position:fixed;z-index:1000000;inset:0;width:100%;height:100%;padding:0;border:0;display:block;background:rgba(2,10,24,.28);opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:opacity .2s ease,visibility .2s ease}
  body.ms-mobile-menu-open .ms-mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
}

@media (max-width:1199px){
  .ms-modern-header .container-fluid{padding-right:16px!important;padding-left:16px!important}
  .ms-top-container,.ms-home,.page-clientareahome #main-body>.container{max-width:calc(100% - 32px)!important}
  .ms-client-main-grid,.ms-client-main-column,.ms-client-side-column{min-width:0}
}

@media (max-width:991px){
  body.ms-mobile-menu-open{overflow:hidden!important;touch-action:none}
  .ms-modern-header .navbar-collapse,
  .offcanvas-active.navbar-expand-lg .navbar-collapse{
    display:block!important;left:auto!important;right:0!important;z-index:1000001!important;
    transform:translate3d(105%,0,0)!important;visibility:hidden!important;opacity:0!important;
    pointer-events:none!important;transition:transform .28s ease,visibility .28s ease,opacity .2s ease!important
  }
  .ms-modern-header .navbar-collapse.show,
  .ms-modern-header .navbar-collapse.collapsing,
  .offcanvas-active.navbar-expand-lg .navbar-collapse.show{
    left:auto!important;right:0!important;transform:translate3d(0,0,0)!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:100vh!important
  }
  body:not(.ms-mobile-menu-open) .ms-modern-header .navbar-collapse.collapsing:not(.show){transform:translate3d(105%,0,0)!important;opacity:0!important}
  .ms-mobile-menu-close{position:absolute;top:19px;right:18px;left:18px;height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.07);color:#eef5ff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
  .ms-mobile-menu-close i{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(94,224,177,.12);color:#68e6b8;font-size:17px}
  .ms-mobile-menu-backdrop{position:fixed;z-index:1000000;inset:0;width:100%;height:100%;padding:0;border:0;display:block;background:rgba(2,12,28,.28);opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:opacity .2s ease,visibility .2s ease}
  body.ms-mobile-menu-open .ms-mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  body.ms-mobile-menu-open .site-wrapper{filter:none}
  .hero-area-coodiv:not(.text-page-hero){height:auto!important;min-height:0!important}
  .ms-top-container{min-height:0!important;max-width:720px!important;padding:128px 24px 92px!important}
  .ms-top-copy h1{font-size:38px!important}
  .ms-domain-panel{min-width:0}
  .ms-market-switch,.ms-iran-plans,.ms-foreign-plans,.ms-domain-strip,.ms-cta{max-width:100%}
  .ms-plan-grid-all{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ms-plan-card,.ms-foreign-card{min-width:0!important}
  .ms-country-filter{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .ms-client-hero{min-height:0!important;padding:34px!important;grid-template-columns:1fr!important}
  .ms-client-hero-visual{display:none!important}
  .ms-client-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ms-client-main-grid{grid-template-columns:minmax(0,1fr)!important}
  .ms-client-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ms-client-side-column{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
  .bg-default-2:has(>.container .email-verification){padding-top:94px!important}
  .verification-banner.email-verification{padding:52px 14px 14px!important;align-items:stretch;flex-direction:column}
  .verification-banner.email-verification .btn-resend-verify-email{width:100%}
  .verification-banner.email-verification .close{top:12px;right:12px}
  .ms-modern-header .container-fluid{padding-right:8px!important;padding-left:8px!important}
  .ms-modern-header .site-navbar{width:100%;min-width:0}
  .ms-modern-header .brand-logo>a,.ms-modern-header .brand-logo>a>img{height:46px!important;max-width:92px!important;object-fit:contain}
  .ms-modern-header .header-btn-whmcs{gap:3px!important;min-width:0}
  .ms-modern-header .shoping-cart-btn-header,.ms-modern-header .notifications-btn-header,.ms-modern-header .signup-btn-header-mobile,.ms-modern-header .navbar-toggler{width:40px!important;height:40px!important;min-width:40px!important;margin:0 3px!important}
  .ms-modern-header .navbar-collapse{width:min(340px,90vw)!important;padding:78px 17px 24px!important}
  .ms-modern-header .main-menu>li>.nav-link{font-size:13px!important}
  .ms-top-container{width:auto!important;max-width:none!important;margin:0 15px!important;padding:112px 0 72px!important;gap:30px!important}
  .ms-top-copy h1{font-size:30px!important;line-height:1.55!important;letter-spacing:-.5px!important}
  .ms-top-copy>p{font-size:13px!important;line-height:1.9!important}
  .ms-top-actions{flex-direction:column!important}
  .ms-top-actions>a{width:100%;min-height:48px}
  .ms-top-features{justify-content:center!important;gap:10px 15px!important}
  .ms-domain-panel{padding:20px 16px!important;border-radius:19px!important}
  .ms-domain-search{grid-template-columns:minmax(0,1fr)!important}
  .ms-domain-search>button{width:100%;min-height:48px}
  .ms-home{width:auto!important;padding:14px 0 60px!important;margin:0 15px!important}
  .ms-home>.ms-market-switch,.ms-home>section{width:100%;min-width:0}
  .ms-market-switch{grid-template-columns:1fr!important}
  .ms-market-switch>a{min-width:0;padding:13px!important}
  .ms-iran-plans,.ms-foreign-plans{padding:22px 14px!important;border-radius:20px!important;margin-bottom:48px!important}
  .ms-iran-title{min-width:0;gap:11px!important}
  .ms-iran-title>div{min-width:0}
  .ms-iran-title h2,.ms-foreign-head h2{overflow-wrap:anywhere}
  .ms-plan-grid-all{grid-template-columns:minmax(0,1fr)!important}
  .ms-plan-grid-all .ms-plan-card-head h3,.ms-foreign-card-top h3{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .ms-country-overview{align-items:flex-start!important;flex-direction:column!important}
  .ms-country-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-right:0!important;padding-left:0!important}
  .ms-country-button{min-height:58px;padding:9px!important}
  .ms-foreign-head{align-items:flex-start!important}
  .ms-foreign-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ms-domain-strip{padding:26px 19px!important;gap:24px!important}
  .ms-cta{padding:25px 19px!important}
  .ms-cta>div:last-child{flex-direction:column}
  .ms-cta a{width:100%;min-height:44px}
  .page-clientareahome #main-body>.container,#main-body>.container{width:auto!important;max-width:none!important;padding-right:14px!important;padding-left:14px!important}
  .ms-client-hero{padding:25px 18px!important;border-radius:19px!important}
  .ms-client-welcome{align-items:flex-start!important}
  .ms-client-welcome>div{min-width:0}
  .ms-client-welcome h1{font-size:24px!important;overflow-wrap:anywhere}
  .ms-client-hero-actions{flex-direction:column!important}
  .ms-client-hero-actions a{width:100%;justify-content:center!important;min-height:48px}
  .ms-client-stats,.ms-client-actions-grid,.ms-client-side-column,.ms-client-panels-grid{grid-template-columns:minmax(0,1fr)!important}
  .ms-client-stats>a,.ms-client-actions-grid>a{min-width:0}
  #main-body .form-control,#main-body select,#main-body textarea,.modal .form-control{font-size:16px!important}
  #main-body .btn,.modal .btn{min-height:44px;font-size:12px}
  #main-body .card-body,#main-body .panel-body{padding:14px!important}
  .ms-footer>.container{padding-right:15px!important;padding-left:15px!important}
}

@media (max-width:420px){
  .ms-modern-header .notifications-dropdown{display:none!important}
  .ms-modern-header .brand-logo>a,.ms-modern-header .brand-logo>a>img{height:42px!important;max-width:78px!important}
  .ms-modern-header .shoping-cart-btn-header,.ms-modern-header .signup-btn-header-mobile,.ms-modern-header .navbar-toggler{width:38px!important;height:38px!important;min-width:38px!important}
  .ms-top-container{margin:0 12px!important;padding-top:105px!important}
  .ms-top-copy h1{font-size:27px!important}
  .ms-top-kicker{font-size:10px!important}
  .ms-tld-row{grid-template-columns:1fr!important}
  .ms-home{margin-right:11px!important;margin-left:11px!important}
  .ms-country-filter{grid-template-columns:1fr!important}
  .ms-country-button b{white-space:normal!important}
  .ms-plan-card,.ms-foreign-card{padding:18px 14px!important}
  .ms-plan-price>strong,.ms-foreign-buy strong{font-size:23px!important}
  .ms-plan-assurance span{width:100%!important}
  .ms-foreign-buy{align-items:flex-start!important;flex-direction:column!important}
  .ms-foreign-buy a,.ms-foreign-coming-soon{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center}
  .ms-footer-links{grid-template-columns:1fr!important}
  .ms-footer-column:last-child{grid-column:auto!important}
  .ms-footer-column:last-child ul{grid-template-columns:1fr!important}
  .ms-client-avatar{width:48px!important;height:48px!important;flex-basis:48px!important}
  .ms-client-welcome h1{font-size:21px!important}
}

@media (hover:none){
  .ms-plan-card:hover,.ms-foreign-card:hover,.ms-product-card:hover,.ms-client-stats>a:hover,.ms-client-actions-grid>a:hover{transform:none!important}
}
