:root{--recovery-width:1080px;--recovery-accent:#0000FF}#s5_responsive_mobile_sidebar,#s5_responsive_mobile_top_bar_spacer,#s5_responsive_mobile_top_bar_wrap,#s5_responsive_mobile_bottom_bar_outer{display:none!important}.recovery-discovery{box-sizing:border-box;width:min(var(--recovery-width),calc(100% - 24px));margin:18px auto;padding:16px 18px;background:#fff;border:1px solid #c5c5c5;border-radius:6px;box-shadow:0 0 8px #bdbdbd;color:#333;font-family:Arial,sans-serif}.recovery-discovery *{box-sizing:border-box}.recovery-label{margin:0 0 12px;color:var(--recovery-accent);font-family:Arial Narrow,Arial,sans-serif;font-size:18px;text-transform:uppercase}.recovery-date{display:block;margin:0 0 12px;color:#666;font-size:12px}.recovery-hubs,.recovery-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0;padding:0;list-style:none}.recovery-hubs a,.recovery-feature{display:block;height:100%;padding:10px;border:1px solid #ddd;border-radius:4px;text-decoration:none;background:#fafafa}.recovery-feature strong,.recovery-feature time,.recovery-feature span{display:block}.recovery-feature time{margin:5px 0;color:#777;font-size:11px}.recovery-feature span{color:#555;font-size:12px;line-height:1.4}.archived-form [disabled]{opacity:1;cursor:not-allowed}.recovery-hub-list{columns:3;column-gap:24px}.recovery-hub-list li{break-inside:avoid;margin:0 0 7px}.page .logo img,.page .footer-logo img{display:block;width:auto!important;max-width:min(100%,300px)!important;height:auto!important;max-height:90px!important;object-fit:contain}.page .brands-carousel .logotype img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:80px!important;object-fit:contain}.page .catalog .img-wrapper>img,.page .product-gallery #msGallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.page .gallery .img-wrapper>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.page .header-social img,.page .messenger img,.page .social-links img{width:28px!important;height:28px!important;object-fit:contain}@media(max-width:700px){.recovery-hub-list{columns:1}}.recovery-return-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}a:not([href]){cursor:default!important;pointer-events:none!important}@media(max-width:700px){html,body{width:100%!important;max-width:100%!important;min-width:0!important;margin-right:0!important;margin-left:0!important}img,picture,video{max-width:100%!important;height:auto!important}h1,h2,h3,p,li,a{overflow-wrap:anywhere}input,select,textarea,button{box-sizing:border-box;max-width:100%!important}.archived-form [disabled]{opacity:.68!important;filter:grayscale(.35);cursor:not-allowed!important;pointer-events:none!important}#header .container,#content .container,#footer .container,footer .container{box-sizing:border-box;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-right:auto!important;margin-left:auto!important;padding-right:0!important;padding-left:0!important}#header .row,#content .row,#footer .row,footer .row{margin-right:0!important;margin-left:0!important}#header [class*="grid_"],#content [class*="grid_"],#footer [class*="grid_"],footer [class*="grid_"]{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important;margin-right:0!important;margin-left:0!important}#header .logo,#header nav,#content .wrap1,#content .btn_1-wrap{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important}#header h1{max-width:100%;white-space:normal!important}#header nav{clear:both!important;padding-top:8px!important}#header nav .sf-menu{display:flex!important;float:none!important;flex-wrap:wrap!important;justify-content:center;width:100%!important;margin:0!important;padding:0!important}#header nav .sf-menu>li{box-sizing:border-box;float:none!important;max-width:100%}#header nav .sf-menu>li>a{display:block;padding:8px 10px!important;white-space:normal!important}#header nav .sf-menu ul{display:none!important}#content .top-image,#content .top-image img{display:block;width:100%!important;max-width:100%!important;height:auto!important}#content .wrapper1{margin-top:36px!important;margin-bottom:38px!important}#content .btn{box-sizing:border-box;display:inline-block;max-width:100%;white-space:normal!important}#s5_body_padding,#s5_responsive_mobile_sidebar_body_wrap,#s5_responsive_mobile_sidebar_body_wrap_inner,#s5_width_wrap,#s5_header_area_inner,#s5_center_area_inner,#s5_above_columns_inner,#s5_columns_wrap,#s5_columns_wrap_inner,#s5_center_column_wrap,#s5_center_column_wrap_inner{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}#s5_header_area_inner,#s5_center_area_inner{margin-right:auto!important;margin-left:auto!important}#s5_header_area_inner2,#s5_component_wrap,.module_round_box_outer{box-sizing:border-box;max-width:calc(100% - 14px)!important}#s5_logo{box-sizing:border-box;float:none!important;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;margin-right:auto!important;margin-left:auto!important}#s5_menu_wrap{display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important}#s5_nav{display:flex!important;float:none!important;flex-wrap:wrap!important;width:100%!important;margin:0!important;padding:0!important}#s5_nav>li{box-sizing:border-box;float:none!important;flex:1 1 50%;height:auto!important;min-width:0!important;padding:0!important}#s5_nav>li a{box-sizing:border-box;display:block!important;padding:12px 9px!important;font-size:14px!important;line-height:1.25!important;white-space:normal!important}#s5_nav>li .s5_level1_span1,#s5_nav>li .s5_level1_span2{height:auto!important;padding:0!important}#s5_columns_wrap{overflow:visible!important}#s5_columns_wrap_inner,#s5_center_column_wrap,#s5_center_column_wrap_inner{position:static!important;left:auto!important;float:none!important}#s5_above_columns_inner>.s5_float_left{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important}#s5_component_wrap{margin-right:7px!important;margin-left:7px!important;padding:16px!important}#s5_component_wrap [class*="col-"],#s5_above_columns_inner [class*="col-"]{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important;margin-left:0!important}#s5_component_wrap table,#s5_above_columns_inner table{max-width:100%!important}}.page .product-gallery #msGallery .fotorama{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page .product-gallery #msGallery .fotorama>a{display:block;min-width:0}.page .product-gallery #msGallery .fotorama>a:first-child{grid-column:1/-1}.page .brands-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));height:auto!important;overflow:visible!important}.page .brands-carousel>.item{min-width:0}.archive-redacted-contact{font-size:12px;line-height:1.35}.page .header:has(.header-tel-1 .archive-redacted-contact) .header-tel-2:has(.archive-redacted-contact),.page .header:has(.header-tel-1 .archive-redacted-contact) .header-address:has(.archive-redacted-contact),.page .header:has(.header-tel-1 .archive-redacted-contact) .email-header:has(.archive-redacted-contact),.page .footer-contacts:has(.footer-phone .archive-redacted-contact) .footer-email:has(.archive-redacted-contact),.page .footer-contacts:has(.footer-phone .archive-redacted-contact) .footer-address:has(.archive-redacted-contact){display:none!important}.archive-video-preview{display:block;width:min(100%,720px);margin:18px auto}.archive-video-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.page a:not([href]),.page a[aria-disabled="true"]{color:inherit!important;cursor:not-allowed!important;pointer-events:none;text-decoration:none!important}.page :is(input,select,textarea,button)[disabled]{opacity:.55!important;cursor:not-allowed!important;pointer-events:none}.page a:not([href]),.page a[aria-disabled="true"],.page .archived-form{display:none!important}.recovery-editorial-notice{margin:0 0 14px;padding:10px 12px;border-left:4px solid var(--recovery-accent);background:#f5f5f2;color:#444;font-size:12px;line-height:1.45}.page .preloader,.page .circle-menu,.page .btnSlideNav,.page .overlay-slideNav,.page .slideNav{display:none!important}.page .nav-wrap{position:static!important;inset:auto!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important;transform:none!important}.page .nav-wrap .nav{display:flex!important;flex-wrap:wrap!important;position:static!important;transform:none!important}.page .slice-slider,.page .slice-layer,.page .slice-viewport,.page .slice-stage,.page .slice-slide{position:static!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}.page .slice-viewport{overflow:visible!important}.page .slice-stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.page .slice-slide{display:block!important}.page .slice-slide img{display:block!important;width:100%!important;height:auto!important}@media(max-width:700px){.page .slice-stage{grid-template-columns:1fr!important}}.page .map-iframe:empty{display:none!important}.page{min-height:100vh;margin:0;color:#333;font:14px/1.55 Arial,sans-serif}.page *{box-sizing:border-box}.page a{color:#2671a8}.page img{max-width:100%;height:auto}.page .news img{float:left;width:50px!important;height:auto!important;margin:2px}.page .container{width:min(1170px,calc(100% - 32px));margin-right:auto;margin-left:auto}.page header{border-bottom:1px solid #ddd;background:#f7f7f5}.page .brand{display:inline-block;padding:24px 0}.page .brand_name{margin:0;font-size:38px;line-height:1}.page .brand_name a{text-decoration:none}.page .brand_slogan{margin:12px 0 0}.page .info-meta{display:none}.page .stuck_container{clear:both;background:#26343d}.page .sf-menu{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.page .sf-menu li{position:relative;margin:0;list-style:none}.page .sf-menu>li>a{display:block;padding:16px 18px;color:#fff;text-decoration:none}.page .sf-menu ul{position:absolute;z-index:2;display:none;min-width:180px;margin:0;padding:8px 18px;background:#fff}.page .sf-menu li:hover>ul,.page .sf-menu li:focus-within>ul{display:block}.page .row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.page [class*=grid_]{padding-right:12px;padding-left:12px}.page .grid_12{width:100%}.page .grid_8{width:66.6667%}.page .grid_6{width:50%}.page .grid_4{width:33.3333%}.page .grid_3{width:25%}.page main,.page #content{display:block}.page .well{padding:48px 0}.page .center{text-align:center}.page .decorated-heading{margin:0 0 28px;font-size:32px}.page .gal_menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 24px;padding:0;list-style:none}.page .gal_menu a{display:block;padding:8px 12px;border:1px solid #ddd;border-radius:3px;text-decoration:none}.page #container>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 18px}.page #container>.row>.grid_12{display:contents}.page #container>.row>.grid_3{width:auto;padding:0}.page .thumb1{overflow:hidden;border:1px solid #ddd;background:#fff}.page .thumb1 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.page .capture{min-height:76px;padding:10px}.page footer{padding:28px 0;color:#ddd;background:#26343d}.page footer a{color:#fff}@media(max-width:700px){.page .container{width:calc(100% - 20px)}.page .sf-menu{display:block}.page .sf-menu ul{position:static;display:block}.page [class*=grid_]{width:100%}.page #container>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.page ul.nav,.page ul.list-unstyled{margin:0;padding:0;list-style:none}.page .dropdown-menu{position:absolute;z-index:5;display:none;max-width:min(900px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:14px;background:#fff;border:1px solid #ddd}.page .dropdown:hover>.dropdown-menu,.page .dropdown:focus-within>.dropdown-menu{display:block}.page .homepage-container{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px}.page .homepage-container>.sidebar{min-width:0}.page .homepage-container>.homebanner-holder{min-width:0}.page .homepage-container>:last-child{grid-column:1/-1}@media(max-width:700px){.page .homepage-container{display:block}.page .dropdown-menu{position:static;max-height:none}}.page [class*="col-"]{min-width:0;padding-right:12px;padding-left:12px}.page .col-xs-5{width:41.6667%}.page .col-xs-7{width:58.3333%}.page .col-xs-12{width:100%}@media(min-width:701px){.page .col-sm-2{width:16.6667%}.page .col-sm-3{width:25%}.page .col-sm-6{width:50%}.page .col-sm-7{width:58.3333%}.page .col-sm-9{width:75%}.page .col-sm-12{width:100%}.page .col-md-3{width:25%}.page .col-md-4{width:33.3333%}.page .col-md-5{width:41.6667%}.page .col-md-6{width:50%}.page .col-md-7{width:58.3333%}.page .col-md-9{width:75%}.page .col-md-12{width:100%}}.page .navbar-toggle{display:none!important}.page .header-nav{background:#26343d;color:#fff}.page .navbar-nav,.page .breadcrumb ul{display:flex;flex-wrap:wrap;align-items:center}.page .navbar-nav{color:#fff}.page .navbar-nav>li>a{display:block;padding:14px 16px;color:inherit;text-decoration:none}.page .breadcrumb ul{gap:8px;padding:10px 0}.page .breadcrumb li+li:before{content:"/";margin-right:8px;color:#999}.page .homepage-container>.sidebar,.page .homepage-container>.homebanner-holder{width:auto}.page>table[width="900"][height="100%"]{margin-right:auto;margin-left:auto}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td{vertical-align:top}@media(max-width:700px){.page .row{margin-right:0;margin-left:0}.page p,.page td,.page [style*="text-align: justify"],.page [style*="text-align:justify"]{text-align:left!important}.page [class*="col-sm-"],.page [class*="col-md-"]{width:100%}.page .homepage-container{display:flex;flex-direction:column}.page .homepage-container>.homebanner-holder{order:-1}.page .homepage-container>.sidebar,.page .homepage-container>.homebanner-holder{width:100%}.page .single-product>.row>.product-info-block{order:-1}.page .product-info .name{width:100%!important;max-width:100%!important}.page>table[width="900"][height="100%"],.page>table[width="900"][height="100%"]>tbody,.page>table[width="900"][height="100%"]>tbody>tr,.page>table[width="900"][height="100%"]>tbody>tr>td{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:first-child img{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td{padding:12px!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table,.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody{display:block;width:100%!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr{display:flex;flex-direction:column}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(3){order:1}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(1){order:2}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(5){order:3}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(2),.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(4){display:none!important}}
:root {
  color-scheme: light dark;
  --kk-page: #e8edf0;
  --kk-surface: #f7f8f7;
  --kk-surface-2: #dce4e8;
  --kk-ink: #18232b;
  --kk-heading: #132b3a;
  --kk-muted: #52636d;
  --kk-line: #9cabb3;
  --kk-navy: #132b3a;
  --kk-accent: #c84f2b;
  --kk-accent-strong: #9f371c;
  --kk-focus: #e8673f;
  --kk-shadow: rgb(28 55 70 / .16);
  --kk-width: 1320px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--kk-ink);
  background: var(--kk-page);
}

html {
  scroll-behavior: smooth;
}

body.page,
body.wp-site-blocks {
  margin: 0 !important;
  background: var(--kk-page) !important;
  color: var(--kk-ink) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}

body.page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 7%, rgb(255 255 255 / .7), transparent 25rem),
    linear-gradient(115deg, transparent 0 72%, rgb(19 43 58 / .04) 72% 73%, transparent 73%);
}

* {
  box-sizing: border-box;
}

a {
  color: var(--kk-accent-strong) !important;
  text-underline-offset: .2em;
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

a:hover {
  color: var(--kk-accent) !important;
}

a:active {
  transform: translateY(1px);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--kk-focus) !important;
  outline-offset: 3px;
}

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

#left_border,
#right_border,
#bottom,
#bottom_right,
#bottom_left {
  display: contents;
  background: none !important;
}

#container {
  width: min(var(--kk-width), calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: 0 0 36px !important;
  background: transparent !important;
}

#topmenu_out,
.source-header {
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 clamp(18px, 3vw, 38px) !important;
  background: var(--kk-navy) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 16px 34px var(--kk-shadow) !important;
}

#topmenu_left,
#topmenu_right {
  display: contents;
  background: none !important;
}

#topmenu {
  display: flex !important;
  float: none !important;
  min-height: 72px;
  align-items: center;
  gap: clamp(20px, 4vw, 56px);
  overflow: hidden;
}

#topmenu::before {
  content: "ККМТ";
  flex: 0 0 auto;
  color: #eef3f5;
  font-family: "Arial Narrow", "DIN Condensed", system-ui, sans-serif;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -.045em;
}

#topmenu .moduletable,
#topmenu table,
#topmenu tbody,
#topmenu tr,
#topmenu td {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#topmenu td {
  display: flex !important;
  align-items: center;
  gap: clamp(8px, 2vw, 24px);
  overflow-x: auto;
  scrollbar-width: thin;
}

#topmenu a.mainlevel {
  display: inline-flex !important;
  min-height: 44px;
  align-items: center;
  padding: 0 !important;
  color: #dbe5e9 !important;
  font-size: .77rem !important;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.15;
  text-transform: uppercase;
  white-space: nowrap;
}

#topmenu a.mainlevel:hover,
#topmenu a.mainlevel:focus-visible {
  color: #f28a69 !important;
}

#maincontent {
  display: grid !important;
  grid-template-columns: minmax(210px, .28fr) minmax(0, 1fr);
  grid-template-areas:
    "left main"
    "right main";
  gap: 24px clamp(24px, 4vw, 54px);
  margin: 34px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#left_out,
#right_out,
#content_outmiddle {
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#left_out {
  grid-area: left;
}

#right_out {
  grid-area: right;
}

#content_outmiddle {
  grid-area: main;
}

#content_outmiddle::before {
  content: "";
  display: block;
  min-height: clamp(210px, 28vw, 340px);
  margin-bottom: 24px;
  background:
    linear-gradient(90deg, rgb(19 43 58 / .08), transparent 42%),
    url("/assets/hero.webp") center 44% / cover no-repeat;
  box-shadow: 0 18px 38px var(--kk-shadow);
}

#left_out .module,
#left_out .module_menu,
#right_out .module,
#right_out .moduletable,
#right_out [class^="module"] {
  margin: 0 0 18px !important;
  padding: 18px !important;
  background: var(--kk-surface-2) !important;
  border: 0 !important;
  border-left: 4px solid var(--kk-navy) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#left_out .module > div,
#left_out .module > div > div,
#left_out .module > div > div > div,
#left_out .module_menu > div,
#left_out .module_menu > div > div,
#left_out .module_menu > div > div > div,
#right_out .module > div,
#right_out .module > div > div,
#right_out .module > div > div > div {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

#left_out h3,
#right_out h3,
#left_out h4,
#right_out h4 {
  margin: 0 0 12px !important;
  color: var(--kk-heading) !important;
  font-family: "Arial Narrow", "DIN Condensed", system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: .015em;
  line-height: 1.15 !important;
  text-transform: none !important;
}

#left_out ul.menu,
#left_out ul.menu li {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  list-style: none !important;
}

#left_out ul.menu li + li {
  border-top: 1px solid var(--kk-line) !important;
}

#left_out ul.menu a {
  display: block !important;
  height: auto !important;
  min-height: 42px;
  padding: 10px 0 !important;
  color: var(--kk-ink) !important;
  font-size: .86rem !important;
  font-weight: 650;
  line-height: 1.25;
  text-decoration: none;
}

#left_out ul.menu a[href]:hover {
  color: var(--kk-accent-strong) !important;
  transform: translateX(3px);
}

#left_out a:not([href]),
#right_out a:not([href]),
.readon:not([href]) {
  color: var(--kk-muted) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  text-decoration: none !important;
}

#content,
#content_border_right,
#content_border_left,
#content_bottom_right,
#content_bottom_left {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#content {
  padding: clamp(22px, 4vw, 48px) !important;
  background: var(--kk-surface) !important;
  box-shadow: 0 18px 46px var(--kk-shadow) !important;
}

#content table.blog,
#content table.contentpaneopen,
#content table.blog > tbody,
#content table.blog > tbody > tr,
#content table.blog > tbody > tr > td,
#content table.contentpaneopen > tbody,
#content table.contentpaneopen > tbody > tr,
#content table.contentpaneopen > tbody > tr > td {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#content .contentpaneopen {
  margin: 0 0 18px !important;
}

#content .contentheading,
#content .contentpagetitle,
#content h1,
#content h2,
#content h3 {
  color: var(--kk-heading) !important;
  font-family: "Arial Narrow", "DIN Condensed", system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -.025em;
  line-height: 1.06 !important;
  text-wrap: balance;
}

#content .contentheading {
  padding: 22px 0 12px !important;
  border-top: 1px solid var(--kk-line) !important;
  font-size: clamp(1.45rem, 3vw, 2.25rem) !important;
}

#content h1 {
  margin: 0 0 24px !important;
  font-size: clamp(2.2rem, 5vw, 4.5rem) !important;
}

#content h2 {
  font-size: clamp(1.65rem, 3vw, 2.6rem) !important;
}

#content h3 {
  font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
}

#content p,
#content li,
#content td,
#content span,
.source-content p,
.source-content li {
  color: var(--kk-ink) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
}

#content p,
.source-content p {
  max-width: 68ch;
  text-wrap: pretty;
}

#content .article_separator {
  display: block;
  height: 28px;
}

#content .readon,
.source-nav a {
  display: inline-flex !important;
  min-height: 42px;
  align-items: center;
  margin-top: 8px !important;
  color: var(--kk-accent-strong) !important;
  font-weight: 750;
  text-decoration: underline;
}

#content td > a:has(> img) {
  display: inline-block;
  width: calc(33.333% - 9px);
  margin: 10px 8px 0 0;
  vertical-align: top;
}

#content td > a > img,
#right_out img:not([width="1"]),
.fallback-image {
  display: block;
  width: 100% !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: var(--kk-surface-2);
}

#right_out img[alt="mod_vvisit_counter"],
#right_out .vinaora_counter td:first-child {
  display: none !important;
}

#right_out .vinaora_counter {
  width: 100% !important;
  margin: 0 !important;
  font-size: .78rem;
}

.recovery-discovery {
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: clamp(20px, 3vw, 34px) !important;
  color: var(--kk-ink) !important;
  background: var(--kk-surface-2) !important;
  border: 0 !important;
  border-left: 6px solid var(--kk-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#content_outmiddle :is(.user_bg, .user_left, .user_right, .topmodule_user, .user_inside):has(.recovery-discovery) {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.recovery-editorial-notice {
  max-width: 74ch !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  color: var(--kk-muted) !important;
  background: var(--kk-surface) !important;
  border-left: 4px solid var(--kk-accent) !important;
  font-size: .9rem !important;
}

.recovery-date {
  color: var(--kk-muted) !important;
  font-size: .82rem !important;
  font-variant-numeric: tabular-nums;
}

.recovery-label {
  margin: 18px 0 12px !important;
  color: var(--kk-heading) !important;
  font-family: "Arial Narrow", "DIN Condensed", system-ui, sans-serif !important;
  font-size: 1.22rem !important;
  font-weight: 800;
  letter-spacing: -.01em;
  text-transform: none !important;
}

.recovery-hubs {
  display: grid !important;
  grid-template-columns: 1.35fr 1fr !important;
  gap: 10px !important;
}

.recovery-hubs li,
.recovery-hubs a {
  min-width: 0;
}

.recovery-hubs a {
  display: flex !important;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px !important;
  color: var(--kk-ink) !important;
  background: var(--kk-surface) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: 750;
  text-decoration: none;
}

.recovery-hubs a:hover {
  color: var(--kk-accent-strong) !important;
  transform: translateY(-2px);
}

.archived-form [disabled],
input[disabled],
button[disabled],
select[disabled],
textarea[disabled] {
  opacity: .62 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

#footer,
.source-footer {
  margin: 28px 0 0 !important;
  padding: 24px clamp(20px, 4vw, 42px) !important;
  color: #dbe5e9 !important;
  background: var(--kk-navy) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#footer a,
#copy,
.source-footer a {
  color: #dbe5e9 !important;
}

.source-wrap {
  width: min(var(--kk-width), calc(100% - 32px)) !important;
  margin: 0 auto !important;
}

.source-logo {
  display: inline-flex !important;
  min-height: 72px;
  align-items: center;
  color: #eef3f5 !important;
  font-family: "Arial Narrow", "DIN Condensed", system-ui, sans-serif !important;
  font-weight: 800;
}

.source-logo img {
  display: block !important;
  width: auto !important;
  max-width: min(200px, 70vw) !important;
  height: 44px !important;
  object-fit: contain;
}

.source-nav {
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 22px;
  padding: 0 22px;
  overflow-x: auto;
  background: var(--kk-surface-2) !important;
}

.source-nav a {
  margin: 0 !important;
  color: var(--kk-ink) !important;
  white-space: nowrap;
}

.source-content {
  margin: 24px 0 0 !important;
  padding: clamp(24px, 5vw, 64px) !important;
  color: var(--kk-ink) !important;
  background: var(--kk-surface) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 46px var(--kk-shadow) !important;
}

.source-entry-hero {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr) !important;
}

@media (max-width: 900px) {
  #container,
  .source-wrap {
    width: min(100% - 20px, var(--kk-width)) !important;
  }

  #maincontent {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "left"
      "right";
  }

  #left_out,
  #right_out {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  #left_out .module,
  #left_out .module_menu,
  #right_out .module,
  #right_out .moduletable,
  #right_out [class^="module"] {
    margin: 0 !important;
  }
}

@media (max-width: 700px) {
  #topmenu_out,
  #topmenu {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 14px 0;
    overflow: visible !important;
  }

  #topmenu_out {
    padding: 0 clamp(18px, 3vw, 38px) !important;
  }

  #topmenu::before {
    display: block;
    margin-bottom: 8px;
  }

  #topmenu td {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
  }

  #topmenu a.mainlevel {
    min-width: 0;
    padding: 8px !important;
    background: rgb(255 255 255 / .05);
    white-space: normal;
  }

  #content_outmiddle::before {
    min-height: 190px;
  }

  #content,
  .source-content {
    padding: 22px !important;
  }

  #left_out,
  #right_out,
  .recovery-hubs,
  .source-entry-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #content td > a:has(> img) {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --kk-page: #111b22;
    --kk-surface: #17252e;
    --kk-surface-2: #22343e;
    --kk-ink: #e4ecef;
    --kk-heading: #eef3f5;
    --kk-muted: #a9bac2;
    --kk-line: #526770;
    --kk-navy: #0d202b;
    --kk-accent: #e16b48;
    --kk-accent-strong: #f18a6b;
    --kk-focus: #ff9b7b;
    --kk-shadow: rgb(3 12 17 / .45);
  }

  body.page::before {
    background:
      radial-gradient(circle at 12% 7%, rgb(82 112 126 / .16), transparent 25rem),
      linear-gradient(115deg, transparent 0 72%, rgb(219 229 233 / .03) 72% 73%, transparent 73%);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}
