/* KN_MOBILE_112 */

.kn12-menu-toggle,
.kn12-drawer,
.kn12-shade {
 display:none;
}

@media(max-width:900px){
 body.kn12-mobile-ready .admin-shell {
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
 }

 body.kn12-mobile-ready .admin-side {
  position:relative!important;
  inset:auto!important;
  min-height:0!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:13px 17px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  overflow:visible!important;
 }

 body.kn12-mobile-ready .admin-side>.admin-menu,
 body.kn12-mobile-ready .admin-side>.admin-side-bottom {
  display:none!important;
 }

 body.kn12-mobile-ready .admin-side>.brand {
  min-width:0!important;
  max-width:calc(100% - 120px)!important;
  flex:0 1 auto!important;
  margin:0!important;
 }

 body.kn12-mobile-ready .admin-side>.brand strong {
  font-size:clamp(13px,3.5vw,18px)!important;
 }

 body.kn12-mobile-ready .admin-side>.brand small {
  font-size:9px!important;
 }

 body.kn12-mobile-ready .admin-main {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
 }

 body.kn12-mobile-ready .admin-content,
 body.kn12-mobile-ready .admin-bar {
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
 }

 .kn12-menu-toggle {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  flex:none;
  padding:9px 13px;
  border-radius:12px;
  border:1px solid #b99d6c;
  background:#e5c184;
  color:#173036;
  font:800 14px/1.2 system-ui,sans-serif;
  cursor:pointer;
  touch-action:manipulation;
 }

 .kn12-menu-toggle span {
  font-size:20px;
  line-height:1;
 }

 .kn12-menu-toggle:focus-visible,
 .kn12-close:focus-visible,
 .kn12-nav a:focus-visible {
  outline:3px solid #f5db9b;
  outline-offset:2px;
 }

 .kn12-shade:not([hidden]) {
  display:block;
  position:fixed;
  inset:0;
  z-index:20000;
  background:#020d11d9;
  backdrop-filter:blur(3px);
 }

 .kn12-drawer:not([hidden]) {
  display:flex;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:20001;
  width:min(390px,92vw);
  max-width:100vw;
  flex-direction:column;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:#10282e;
  color:#f0f1e8;
  border-left:1px solid #8d7957;
  box-shadow:-20px 0 70px #000a;
  padding:18px 15px max(22px,env(safe-area-inset-bottom));
 }

 .kn12-drawer-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:5px 4px 15px;
  border-bottom:1px solid #3a5656;
  color:#f0d097;
  font:800 17px/1.3 system-ui,sans-serif;
 }

 .kn12-close {
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid #647a75;
  background:#1f4146;
  color:#fff;
  font:800 19px system-ui;
  cursor:pointer;
 }

 .kn12-nav {
  display:grid;
  gap:3px;
  padding:14px 0 12px;
 }

 .kn12-nav a {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:11px;
  color:#e0eae5!important;
  text-decoration:none!important;
  font:700 14px/1.3 system-ui,sans-serif;
  white-space:normal;
 }

 .kn12-nav a svg {
  flex:none;
  width:20px;
  height:20px;
 }

 .kn12-nav a[aria-current=page] {
  background:#314b48;
  border-color:#a28c62;
  color:#f4d495!important;
 }

 .kn12-nav a:active {
  background:#294448;
 }

 .kn12-drawer-bottom {
  display:grid;
  gap:12px;
  margin-top:auto;
  padding:18px 8px 10px;
  border-top:1px solid #3a5656;
 }

 .kn12-drawer-bottom a,
 .kn12-drawer-bottom button {
  color:#e1ece6!important;
  font:700 14px system-ui,sans-serif;
 }

 .kn12-drawer-bottom form {
  margin:0;
 }

 .kn12-drawer-bottom button {
  width:100%;
  min-height:44px;
  border-radius:10px;
  border:1px solid #576f6c;
  background:#18363c;
  cursor:pointer;
 }

 body.kn12-drawer-open {
  overflow:hidden!important;
 }
}

@media(max-width:700px){
 .detail-grid {
  display:block!important;
  width:100%!important;
  min-width:0!important;
 }

 .detail-content.kn12-detail-ready {
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:0!important;
 }

 .kn12-detail-ready>.kn12-params {
  order:-3!important;
 }

 .kn12-detail-ready>.kn12-specs {
  order:-2!important;
 }

 .kn12-detail-ready>.kn12-conditions {
  order:-1!important;
 }

 .kn12-detail-ready>.kn12-empty-conditions {
  display:none!important;
 }

 .kn12-conditions .kn12-empty-copy {
  display:none!important;
 }

 .detail-grid .white-card,
 .detail-aside .aside-card {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:18px!important;
 }

 .detail-aside {
  display:block!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:12px!important;
 }

 .detail-aside .aside-card {
  margin:0 0 12px!important;
 }

 .kn12-specs.kn12-has-details>h2 {
  display:none!important;
 }

 .kn12-equipment {
  border:1px solid #53716a;
  border-radius:12px;
  background:#10262b;
  overflow:hidden;
 }

 .kn12-equipment summary {
  list-style:none;
  cursor:pointer;
  padding:13px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#f0d194;
  overflow-wrap:anywhere;
 }

 .kn12-equipment summary::-webkit-details-marker {
  display:none;
 }

 .kn12-equipment summary strong:after {
  content:' +';
  font-weight:900;
 }

 .kn12-equipment[open] summary strong:after {
  content:' −';
 }

 .kn12-equipment summary span {
  font-size:12px;
  color:#bfd2cd;
  line-height:1.4;
 }

 .kn12-equipment>.spec-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0 10px 12px;
 }

 .kn12-equipment .spec-grid>div {
  min-width:0;
  padding:10px!important;
  overflow-wrap:anywhere;
 }

 .kn12-equipment .spec-grid strong {
  font-size:12px;
  line-height:1.4;
 }

 .detail-content .table-scroll {
  max-width:100%;
  overflow-x:auto;
 }

 .detail-content .article-table {
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  font-size:clamp(12px,3.25vw,14px)!important;
  line-height:1.4!important;
  margin:12px 0 3px!important;
 }

 .detail-content .article-table td,
 .detail-content .article-table th {
  padding:11px 8px!important;
  overflow-wrap:anywhere;
  vertical-align:middle;
 }

 .detail-content .article-table td:first-child,
 .detail-content .article-table th:first-child {
  width:52%;
 }

 .detail-content .article-table td:nth-child(2),
 .detail-content .article-table th:nth-child(2) {
  width:25%;
 }

 .detail-content .article-table td:nth-child(3),
 .detail-content .article-table th:nth-child(3) {
  width:23%;
 }

 .detail-header {
  margin-bottom:15px!important;
  gap:10px!important;
 }

 .detail-header h1 {
  font-size:clamp(26px,7vw,34px)!important;
  line-height:1.17!important;
  margin:9px 0 12px!important;
 }

 .detail-header .score-panel {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:12px 15px!important;
  margin-top:14px!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-width:0!important;
 }

 .detail-header .score-panel strong {
  font-size:25px!important;
  margin:0!important;
 }

 .detail-aside .stars-input {
  max-width:100%;
  flex-wrap:nowrap;
  gap:2px!important;
 }

 .detail-aside .stars-input label {
  font-size:clamp(33px,8vw,40px)!important;
  min-width:39px;
  text-align:center;
 }
}

@media(max-width:360px){
 .kn12-menu-toggle {
  padding:9px 10px;
  gap:6px;
 }

 .detail-content .article-table td,
 .detail-content .article-table th {
  padding:9px 6px!important;
 }
}