/* menkiSys: shared responsive corrections, audited 2026-10-30. */
html:has(body[data-background=origin]){color-scheme:dark;scrollbar-color:#426171 #10232e}
body[data-background=origin] #main-body .mnk-hosting-comparison .mnk-plan-grid>.wrapper,
body[data-background=origin] .loginpage .tospanel,
body[data-background=origin] .loginpage .tospanel .panel-body{background:#142c3a!important;color:#d5e3eb!important;border-color:#365465!important}
body[data-background=origin] #order-standard_cart .domain-pricing table{background:#142c3a!important}
body #main-body img{max-width:100%;height:auto}
body #main-body :is(p,li,td,th,.alert,.mnk-richtext,.section-heading,.section-subheading){overflow-wrap:anywhere}
body #main-body :is(.table-responsive,.table-responsive-lg,.mnk-table-scroll,.mnk-dns-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
body #main-body :is(pre,.mnk-richtext pre){max-width:100%;overflow-x:auto}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #73c9eb;outline-offset:3px}
body #menu .mnk-open>.sub-menu{display:block;visibility:visible;opacity:1;pointer-events:auto}
body #menu-mobile .dropdown.open>.dropdown-menu{display:block}
body #mnk-mobile-links a{white-space:normal;overflow-wrap:anywhere}
body[data-background=origin] #menu-mobile .main-menu{background:#142c3a!important;color:#edf5f9!important}
body[data-background=origin] #menu-mobile .dropdown-menu{background:#193442!important;border-color:#365465!important}
body .mnk-legacy-gpu .container{max-width:100%}
body[data-background=origin] .mnk-legacy-gpu :is(.wrapper,.sec-main,.top-content,.list-info){background:#142c3a!important;color:#d5e3eb!important}
body[data-background=origin] .mnk-legacy-gpu :is(.heading,.title,h2,h3,h4){color:#73c9eb!important}
body[data-background=origin] .mnk-legacy-gpu :is(.subheading,.seccolor,.mergecolor,td){color:#d5e3eb!important}
body[data-background=origin] .mnk-legacy-gpu .table{background:#193442!important}
body .mnk-legacy-gpu .table-responsive-lg{max-width:100%;overflow-x:auto}
body .mnk-legacy-gpu .top-header{padding:24px 0}
body .mnk-legacy-gpu .top-header .heading{font-size:clamp(28px,4vw,46px);line-height:1.2}
body .mnk-legacy-gpu .history-section .row{display:flex;flex-wrap:wrap}

@media(max-width:991px){
 body #menu-mobile{position:relative}
 body #menu-mobile .nav-menu{position:static}
 body #menu-mobile .main-menu{
  position:absolute!important;top:100%!important;left:0!important;right:0!important;
  height:auto!important;max-height:calc(100vh - 112px)!important;max-height:calc(100dvh - 112px)!important;
  padding:12px 16px 24px!important;overflow-y:auto;overscroll-behavior:contain;
  visibility:hidden;pointer-events:none;transition:none!important
 }
 body #menu-mobile.active .main-menu{visibility:visible;pointer-events:auto;transform:none!important}
 body #menu-mobile .main-menu>.menu-item{padding:3px 0!important;text-align:left}
 body #menu-mobile .main-menu>.menu-item>a{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 12px!important;font-size:17px!important;line-height:1.4}
 body #menu-mobile .main-menu>.menu-item>a .badge{position:static;margin:0 0 0 10px}
 body #menu-mobile .dropdown-menu{position:static!important;float:none;max-width:100%;margin:2px 0 8px;padding:6px;border-radius:8px}
 body #menu-mobile .dropdown-menu a.dropdown-item{min-height:44px;padding:12px!important;font-size:15px!important;line-height:1.4}
 body #menu-mobile .dropdown-menu .badge{position:static!important;display:inline-block;margin:0 0 0 6px!important}
 body #nav-toggle{min-width:44px;min-height:44px;position:relative!important;top:auto!important;right:auto!important}
 body #menu-mobile .tech-box{display:none!important}
 body #header .dropdown :is(.notification,.profile-notification){position:fixed!important;top:44px!important;right:12px!important;left:12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 64px);overflow-y:auto}
 body #header .infonews .news{min-width:0}
 body .mnk-domain-nav{gap:10px!important}
 body .mnk-domain-nav>.item-drop-side{min-width:0;max-width:100%}
 body .mnk-domain-nav .list-group-item{white-space:normal;overflow-wrap:anywhere}
 body #order-standard_cart #scrollingPanelContainer{position:static!important}
 body #order-standard_cart #orderSummary{position:static!important;width:auto!important}
 /* Separate photography from copy and controls on phone/tablet. */
 body .mnk-home-slides .carousel-cell.overlay{height:auto;min-height:0;padding-bottom:38px;background:#061017}
 body .main-container.mnk-home-slides .silder-container .slider-content{position:relative;top:auto;transform:none;padding:82px 0 14px}
 body .mnk-home-slides .slider-content .col-md-6{width:100%}
 body .mnk-home-slides .slider-content :is(h1,h2){letter-spacing:0!important}
 body .mnk-home-slides .mnk-slide-art .full-slider{
  position:relative!important;top:auto;left:auto;width:100%;height:auto!important;
  aspect-ratio:1.65;max-height:330px;z-index:0;overflow:hidden
 }
 body .mnk-home-slides .mnk-slide-art .full-slider img{
  position:static!important;width:100%;height:100%;min-width:0;min-height:0;
  padding:0!important;margin:0;object-fit:cover;object-position:right center
 }
 body .mnk-home-slides .carousel-cell.overlay::before{display:none}
 body .mnk-home-slides .mnk-slide-art .full-slider::after{background:rgba(0,0,0,.15)}
 body .mnk-home-slides .slider-content .btn{min-height:40px!important;margin-bottom:8px!important}
 body .mnk-home-slides .slider-content p.mnk-slide-copy-last{margin-bottom:20px!important}
 body .mnk-home-slides .flickity-page-dots{bottom:10px!important}
 body .mnk-home-slides .flickity-page-dots .dot{width:32px;height:24px;margin:0 4px;background:transparent;position:relative}
 body .mnk-home-slides .flickity-page-dots .dot::before{content:'';position:absolute;inset:10px 2px;background:#73c9eb}
 body .mnk-home-plans .sec-up-slider{top:0!important;margin-top:0!important;padding-top:20px!important}
 body .mnk-home-slides .domains-search{display:flex;flex-wrap:wrap;gap:8px;height:auto}
 body .mnk-home-slides .domains-search .inputdomainsearch{flex:1 1 100%;width:100%;height:44px;padding:10px 12px}
 body .mnk-home-slides .domains-search .ds-content{position:static!important;display:flex;gap:8px;margin:0}
 body .mnk-home-slides .domains-search .ds-content .btn{position:static!important;min-width:44px;margin:0!important}
 body .mnk-home-slides .special-note{margin-top:10px}
}

@media(max-width:767px){
 body #main-body :is(h1,h2,h3,.section-heading){overflow-wrap:anywhere;max-width:100%}
 body #main-body .section-heading{font-size:28px!important;line-height:1.25!important}
 body #main-body .section-subheading{font-size:16px!important;line-height:1.65!important}
 body #main-body :is(.p-80,.p-50){padding:20px!important}
 body #main-body :is(.form-control,.field),body .loginpage :is(.form-control,.field),
 body .mnk-home-slides .inputdomainsearch{font-size:16px!important;min-width:0;max-width:100%}
 body #main-body :is(input.form-control:not([type=checkbox]):not([type=radio]),select.form-control),
 body .loginpage :is(input.field,input.form-control,select.field){min-height:44px}
 body #main-body :is(.input-group,.input-group-append){max-width:100%}
 body #main-body :is(input[type=file],.md-editor){max-width:100%;min-width:0}
 body #main-body .md-editor>.md-header{display:flex;flex-wrap:wrap;gap:4px}
 body #main-body .md-editor>.md-header .btn-group{float:none}
 body #main-body .md-editor textarea{width:100%;box-sizing:border-box}
 body .loginpage .login-form-container{padding:24px 20px!important}
 body .loginpage .login-form>.col-md-12{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
 body .loginpage .login-form>.col-md-12 :is(.btn,.golink){margin:0!important}
 body .loginpage .login-form .custom-control{margin:0}
 body .loginpage .section-heading{font-size:28px!important;line-height:1.25!important}
 body .loginpage .section-subheading{font-size:16px!important;line-height:1.5!important}
 body .loginpage .tospanel .panel-body{overflow-wrap:anywhere}
 body .dataTables_wrapper :is(.dataTables_filter,.dataTables_length){max-width:100%}
 body .dataTables_wrapper .dataTables_filter input{max-width:100%;min-width:0!important}
 body .dataTables_wrapper .pagination{flex-wrap:wrap;justify-content:center}
 body .mnk-legacy-gpu .row>[class*="col-"]{width:100%;max-width:100%;margin-left:0}
 body .mnk-legacy-gpu :is(.sec-normal,.sec-main){padding:20px 0!important}
 body .mnk-legacy-gpu .tabs-header ul{display:flex;flex-wrap:wrap;padding:0}
 body .mnk-legacy-gpu .tabs-header li{width:100%;padding:12px!important}
 body .mnk-legacy-gpu .cd-filter .container{padding:0}
 body .mnk-legacy-gpu .mix{max-width:100%}
 body #footer{padding-top:32px!important}
 body #footer a{overflow-wrap:anywhere}
 body #footer .footer-menu a{display:inline-block;padding-top:6px;padding-bottom:6px}
}
@media(max-width:359px){
 body #header .infonews .news{display:none!important}
 body #header .infonews .link{width:100%!important}
 body #header .infonews-nav{float:right!important}
 body .mnk-home-slides .slider-content :is(h1,h2){font-size:26px!important}
}
@media(pointer:coarse){
 body #menu-mobile :is(.btn,.dropdown-item),body #main-body .btn:not(.btn-xs):not(.btn-toolbar .btn):not(.md-header .btn):not(table .btn),body .loginpage .btn{min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){
 body [data-aos]{opacity:1!important;transform:none!important;transition:none!important}
 body .mnk-home-slides .carousel-cell{transition:none!important}
}

@media(max-width:767px){body #main-body .row>[class*="col-"]{max-width:100%;min-width:0}body #main-body #mnk-dc-strom~.col-md-4 img{min-height:0!important;height:auto!important}}

body[data-background=origin] .mnk-legacy-gpu select{background:#193442!important;color:#edf5f9!important;border-color:#426171!important}
@media(max-width:991px){
 body #main-body .row{flex-wrap:wrap!important}
 body #main-body .row>[class*="col-"]{min-width:0;max-width:100%}
 body #main-body [class*="offset-lg-"]{margin-left:0!important}
 body .mnk-home-slides .silder-container{background:#061017!important}
 body .mnk-home-slides .mnk-slide-art .full-slider{max-width:680px;max-height:none;margin:0 auto}
}
@media(max-width:767px){
 body #main-body :is(.article-content,.kb-rate-article){padding:20px!important}
 body #main-body .kb-search-background{padding-top:20px!important}
 body #main-body .kb-search{margin-bottom:24px!important}
 body #main-body .kb-search>[class*="col-"]{width:100%;margin-left:0;padding:0}
 body #main-body .kb-search input.form-control{width:100%}
 body #main-body .kb-search .input-group-btn{position:static;display:block;margin-top:10px}
 body #main-body .kb-search .input-group-btn input{width:auto!important}
 body .mnk-legacy-gpu select{font-size:16px!important}
}

/* Keep the complete CAPTCHA widget inside narrow forms; validation is unchanged. */
body .recaptcha-container{width:100%!important;max-width:100%;overflow:hidden;height:calc(78px * var(--mnk-captcha-scale,1));min-height:0!important}
body .g-recaptcha{width:100%;max-width:100%;height:calc(78px * var(--mnk-captcha-scale,1));overflow:hidden}
body .g-recaptcha>:first-child{transform:scale(var(--mnk-captcha-scale,1));transform-origin:left top}
@media(max-width:991px){
 body #main-body :is(.form-control,.field),body .loginpage :is(.form-control,.field){font-size:16px!important}
}

@media(max-width:767px){body .loginpage .login-form-container{min-width:0;max-width:100%;width:100%}body .loginpage{width:100%;max-width:100%}}

@media(max-width:991px){
 body #menu-mobile>.container,body #menu-mobile>.container>.row,body #menu-mobile>.container>.row>[class*="col-"]{position:static!important}
 body #menu-mobile .main-menu{width:auto!important;left:0!important;right:0!important}
 body #menu-mobile .main-menu .dropdown-menu{display:none!important;position:static!important;float:none!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;opacity:1!important;transform:none!important;margin:0!important;padding:8px 0 8px 12px!important}
 body #menu-mobile .main-menu .open>.dropdown-menu{display:block!important;visibility:visible!important}
 body #menu-mobile .main-menu .dropdown-item{display:block!important;width:100%!important;white-space:normal!important;min-height:44px;line-height:1.4!important;padding:12px 8px!important}
 body #menu-mobile .main-menu .open>.dropdown-menu .dropdown-item{visibility:visible!important}
}
@media(max-width:767px){body .loginpage{display:block!important}}

body #footer img{max-width:100%;height:auto}

@media(min-width:992px) and (max-width:1199px){
 body .menu-wrap .logo-menu{max-width:100%;height:auto}
 body #menu .megamenu .inner-content{overflow-wrap:anywhere;min-width:0}
 body #menu .megamenu .inner-content .btn{max-width:100%;white-space:normal!important;padding:10px 12px!important}
 body #menu .megamenu [class*="col-"]{min-width:0}
}
