/* Original visual rules remain in their original CSS files. These rules cover
   static-only interactions and mobile bounds, without replacing the design. */
.desktop-view{display:contents}.mobile-view{display:none}
.navbar-nav>li:not([data-menu-ready]):hover>.dropdown-menu,.navbar-nav>li:not([data-menu-ready]):focus-within>.dropdown-menu,.navbar-nav>li.open>.dropdown-menu{display:block}
@media(min-width:768px){
  /* Keep the original panel position while bridging the gap below its link. */
  .navbar-nav>.dropdown>.dropdown-menu::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:16px}
}
.draft-preview[hidden],[data-knowledge-category][hidden],[data-static-pagination][hidden]{display:none}
.legacy-choice{font-weight:inherit;margin-right:10px}
.form-note,.draft-status{margin:18px 0;font-size:14px;line-height:1.6;text-align:left}
.draft-preview{margin:20px 0;padding:20px;background:#f5f5f5;text-align:left}
.draft-preview textarea{width:100%;font-size:14px;line-height:1.6;margin-bottom:18px}
.catalog-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px 0}
.catalog-controls button,.catalog-controls select{padding:10px 16px;border:1px solid #ccc;background:#f5f5f5}
.catalog-spread{display:block;width:100%;height:auto}
.additional-page{padding-top:45px;padding-bottom:60px;min-height:60vh}
.additional-page h1{margin-bottom:30px}
.search-status:empty{display:none}
.pagebar nav{display:flex;gap:12px;justify-content:center;margin:30px 0}
.pagebar a{padding:8px 14px;border:1px solid #ccc}
.pagebar [aria-current=page]{background:#333;color:#fff}
[role=checkbox]{cursor:pointer}
@media(max-width:767px){
  .desktop-view{display:none}.mobile-view{display:contents}
  .mobile-view .navbar{height:auto;min-height:70px}
  .mobile-view .navbar-header{min-height:68px}
  .mobile-view .navbar-collapse{background:#111;border-top:1px solid #303030;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 8px 18px #0004}
  .mobile-view .navbar-collapse .navbar-nav{margin:0}
  .mobile-view .navbar-collapse .navbar-nav>li+li{border-top:1px solid #292929}
  .mobile-view .navbar-collapse .navbar-nav>li>a{padding:14px 18px;color:#f5f5f5;font-size:16px;line-height:1.5;white-space:normal}
  .mobile-view .navbar-collapse .navbar-nav>li>a:hover,.mobile-view .navbar-collapse .navbar-nav>li>a:focus,.mobile-view .navbar-collapse .navbar-nav>li.open>a{background:#252525;color:#fff}
  .mobile-view .navbar-collapse .navbar-nav>li>.dropdown-menu{position:static;float:none;width:100%;margin:0;padding:4px 0 10px;border:0;border-radius:0;background:#1b1b1b;box-shadow:none;max-height:none;overflow:visible}
  .mobile-view .navbar-collapse .dropdown-menu>li{float:none;width:100%}
  .mobile-view .navbar-collapse .dropdown-menu>li>a{padding:12px 18px 12px 30px;color:#ddd;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:break-word}
  .mobile-view .navbar-collapse .dropdown-menu>li>a:hover,.mobile-view .navbar-collapse .dropdown-menu>li>a:focus{background:#333;color:#fff}
  .mobile-view .navbar-collapse .navbar-right{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px 16px;border-top:1px solid #303030}
  .mobile-view .navbar-collapse .navbar-right>a{display:inline-block;min-height:44px;padding:12px 8px;line-height:24px}
  body[data-page-kind=home] .mobile-view .col-xs-6{margin-bottom:10px}
  .container img{max-width:100%;height:auto}
  .msg{width:100%!important;margin-left:0!important}
  .article{max-width:100%;overflow-x:auto}
  .article table{max-width:100%}
  .pb-carouselWarp{width:100%!important;height:230px!important}
  .abouttt2{max-width:95%;font-size:12px;line-height:1.5}
  hr{max-width:100%}
}

.desktop-image{display:block}.mobile-image{display:none}
@media(max-width:767px){.desktop-image{display:none}.mobile-image{display:block}.product-intro{display:flex;flex-direction:column}.product-intro>.product-description{order:-1;padding:0;width:100%}.product-intro .prolbright{width:100%;padding-right:5px}.product-intro .neirong{text-align:left}}

@media(max-width:767px){[data-mobile-hidden=true],.product-thumbnails>div:nth-child(n+5){display:none}}

@media(max-width:767px){.desktop-heading{display:none}}
@media(max-width:767px){body[data-page-kind="home"]{margin-top:70px}.mobile-home-hero+.yingyonglingyu{margin-top:0!important}}