/* ModCloud responsive polish — 2026-10-23. Presentation only. */
.mc-web .horizontal-menu-navbar-container,
.mc-web .et-main .main-row .et-left { min-width: 0; }
.mc-web .mc-catalog-filter { margin: 0; border: 0; }
.mc-web .mc-catalog-filter > summary { display: none; }
.mc-web .mc-catalog-filter:not([open]) > summary {
  display: block; padding: 14px 16px; cursor: pointer; color: #253d5e;
}
.mc-web .et-main .et-left > .pagebanner-relative {
  height: auto !important; min-height: 160px; padding: 0 !important;
}
.mc-web .et-main .pagebanner-relative .pagebanner {
  min-height: 160px; height: auto !important; box-sizing: border-box;
}
.mc-web .et-main .pagebanner-text { min-width: 0; flex: 1 1 280px; }
.mc-web .et-main .pagebanner-text .searchTerms {
  flex-wrap: wrap; row-gap: 6px; line-height: 1.7;
}
.mc-web .et-main .unique_search_container { flex: 1 1 260px; }
.mc-web .et-main .news-right-row { width: 100%; }
.mc-web .et-main .newsPage_row { width: 100%; }
.mc-web .et-main .news-list:empty { display: none; }
.mc-web .et-main .news-container .nullValue {
  display: flex; align-items: center; justify-content: center;
  min-height: 148px !important; padding: 36px 24px !important;
}
.mc-web .mc-catalog-empty {
  display: flex; align-items: center; justify-content: center;
  min-height: 220px; padding: 32px; border: 1px solid #e4eaf3;
  border-radius: 16px; background: #fff; color: #738198;
}
/* The actual phone template has its own shortcut grid. */
.mc-web .mobile-cards .mobile-card-l {
  border: 1px solid #e3eaf4 !important; border-radius: 16px;
  background: #fff; overflow: hidden;
  box-shadow: 0 6px 22px rgba(28, 53, 88, .035);
}
.mc-web .mobile-card-l > a { min-height: 78px; box-sizing: border-box; }
.mc-web .mobile-card-l .bannercard-title { color: #203451; font-size: 14px; font-weight: 600; }
.mc-web .mobile-card-l > a:focus-visible { outline: 3px solid #9abafa; outline-offset: -3px; }
@media (max-width: 1100px) {
  /* Desktop-mode pages also need to work in a narrow browser window. */
  body.mc-web:has(.nav-layoutcontainer) { --navheight: 104px; }
  .mc-web .horizontal-menu-navbar {
    display: grid !important; grid-template-columns: minmax(132px, 1fr) auto;
    grid-template-rows: 60px 44px; height: 104px !important;
    padding: 0 16px !important; gap: 0 12px; box-sizing: border-box;
  }
  .mc-web .horizontal-menu-navbar-logo { grid-area: 1 / 1; height: 60px !important; min-width: 0; }
  .mc-web .horizontal-menu-navbar-logo .horizontal-logosize {
    max-width: 174px; max-height: 46px; height: auto !important; width: 100% !important;
  }
  .mc-web .horizontal-menu-navbar-search { grid-area: 1 / 2; min-width: 0; }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions { padding: 0 !important; }
  .mc-web .horizontal-menu-navbar-container { grid-area: 2 / 1 / 3 / 3; width: 100%; }
  .mc-web .horizontal-menu-navbar .horizontal-container-navbar { margin: 0 !important; }
  .mc-web .horizontal-menu-navbar .menu-container-left,
  .mc-web .horizontal-menu-navbar .menu-container-right { display: none !important; }
  .mc-web .horizontal-menu-navbar .horizontal-menu-navbar-menu-container {
    overflow-x: auto !important; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .mc-web .horizontal-menu-navbar-menu-container::-webkit-scrollbar { display: none; }
  .mc-web .horizontal-menu-navbar .horizontal-menu-navbar-menu {
    width: max-content; min-width: 100%; transform: none !important; gap: 8px;
  }
  .mc-web .horizontal-menu-navbar .horizontal-menu-navbar-menu > li {
    margin-left: 0 !important; flex: 0 0 auto; line-height: 44px !important;
  }
  .mc-web .horizontal-menu-navbar-menu > li > a { padding: 0 12px !important; }
  .mc-web .horizontal-menu-navbar-menu .navbar-menu-tag { display: none; }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions .nav-search {
    max-width: 100vw !important; top: 60px; z-index: 5;
  }
  .mc-web .menu-dropdown-container {
    max-height: calc(100dvh - var(--navheight)); overflow-y: auto; overscroll-behavior: contain;
  }
}
@media (max-width: 860px) {
  body.mc-web { min-width: 0 !important; }
  .mc-web .comp_container_auto {
    width: calc(100% - 32px) !important; min-width: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box;
  }
  .mc-web .menu-dropdown-container .Submenu-container { flex-direction: column !important; width: 100%; }
  .mc-web .menu-dropdown-container .Submenu-left,
  .mc-web .menu-dropdown-container .Submenu-middle-right,
  .mc-web .menu-dropdown-container .Submenu-middle,
  .mc-web .menu-dropdown-container .Submenu-right {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    flex-basis: auto !important; box-sizing: border-box;
  }
  .mc-web .menu-dropdown-container .Submenu-left { padding: 18px 16px !important; }
  .mc-web .menu-dropdown-container .Submenu-middle-right { padding: 18px 16px !important; }
  .mc-web .menu-dropdown-container .Submenu-middle-right .Submenu-right-line { flex-direction: column; }
  .mc-web .menu-dropdown-container .Submenu-product-content-list { grid-template-columns: 1fr !important; }
  .mc-web .menu-dropdown-container .CloseButtonMount .menu-dropdown-close { right: 6px; }
  /* Keep catalog controls and products in the same vertical flow. */
  .mc-web .shopping-cart-page {
    height: auto !important; overflow: visible !important; min-width: 0; padding-bottom: 32px;
  }
  .mc-web .shopping-cart-page .shopping-cart-content {
    flex-direction: column !important; width: 100%; gap: 0;
  }
  .mc-web .shopping-cart-page .shopping-cart-side {
    width: 100% !important; min-width: 0 !important; padding: 12px 16px 0; box-sizing: border-box;
  }
  .mc-web .mc-catalog-filter {
    border: 1px solid #e0e7f1; border-radius: 14px; background: #fff; overflow: hidden;
  }
  .mc-web .mc-catalog-filter > summary {
    display: flex; justify-content: space-between; align-items: center; cursor: pointer;
    padding: 13px 16px; color: #253d5e; font-size: 14px; font-weight: 600;
    list-style: none; min-height: 46px; box-sizing: border-box;
  }
  .mc-web .mc-catalog-filter > summary::-webkit-details-marker { display: none; }
  .mc-web .mc-catalog-filter > summary::after { content: '+'; font-size: 20px; font-weight: 400; }
  .mc-web .mc-catalog-filter[open] > summary::after { content: '−'; }
  .mc-web .mc-catalog-filter > summary:focus-visible { outline: 3px solid #a7c3fa; outline-offset: -3px; }
  .mc-web .shopping-cart-page .shopping-cart-content .sky-cart-sidebar {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto !important; padding: 0 12px 4px !important; box-sizing: border-box;
  }
  .mc-web .sky-cart-sidebar .sky-cart-menu {
    height: auto !important; max-height: 176px; overflow-y: auto !important;
    padding-bottom: 0 !important; margin-bottom: 6px !important; overscroll-behavior: contain;
  }
  .mc-web .sky-cart-sidebar .sky-cart-search-box input { min-width: 0; width: 100%; }
  .mc-web .shopping-cart-page .shopping-cart-content .shopping-cart-product {
    flex: none !important; width: 100% !important; height: auto !important;
    overflow: visible !important; box-sizing: border-box; padding: 22px 16px !important;
  }
  .mc-web .mc-catalog-intro { padding-bottom: 18px; }
  .mc-web .mc-catalog-intro h2 { font-size: 24px; }
  .mc-web .sky-productList { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
  .mc-web .et-main .main-row { flex-direction: column !important; gap: 20px; }
  .mc-web .et-main .main-row .et-left,
  .mc-web .et-main .main-row .et-right { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  .mc-web .et-main .pagebanner-relative .pagebanner { padding: 24px !important; gap: 18px; }
  .mc-web .et-main .pagebanner-text .pagebanner-title { font-size: 24px !important; }
  .mc-web .swiper-wrapper-container.about .swiper-text-container {
    width: 100% !important; max-width: 100%; min-width: 0;
  }
  .mc-web .swiper-wrapper-container .swiper-text { width: 100% !important; }
  .mc-web .swiper-wrapper-container .swipervertical-textcontainer {
    width: 100% !important; margin-left: 0 !important; bottom: 122px !important;
  }
  .mc-web .swiper-wrapper-container .swipervertical-container {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    bottom: 34px !important; border: 0 !important; justify-content: flex-start !important;
  }
  .mc-web .swiper-wrapper-container .swipervertical-titles {
    flex-direction: row !important; align-items: center !important; height: auto !important;
    max-width: 100%; overflow-x: auto; gap: 8px; scrollbar-width: none;
  }
  .mc-web .swiper-wrapper-container .swipervertical-title {
    flex: 0 0 auto; padding: 9px 12px !important; font-size: 13px !important;
    border-radius: 9px; background: #ffffffc9; white-space: nowrap;
  }
  .mc-web .swiper-wrapper-container .active-title-line { display: none; }
  .mc-web .swiper-wrapper-container.about .home-pagination { margin-left: 0 !important; }
  .mc-web .swiper-text .Title { font-size: clamp(26px, 5vw, 38px) !important; overflow-wrap: anywhere; }
  .mc-web .swiper-text .Describe { font-size: 14px !important; line-height: 1.75 !important; margin-top: 8px; }
  .mc-web .swiper-text .Button-container { margin-top: 14px !important; }
  .mc-web .bannerbelow-layoutcontainer .bannerbelow-row {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important; width: 100%;
  }
  .mc-web .bannerbelow-list {
    width: 100%; min-width: 0 !important; padding: 16px 12px !important;
    border-bottom: 1px solid #edf1f7; box-sizing: border-box;
  }
  .mc-web .bannerbelow-list .bannerbelow-content-container { min-width: 0; }
  .mc-web .bannerbelow-list .bannerbelow-icon-container { margin-right: 8px !important; }
  .mc-web .bannerbelow-list .bannerbelow-item-icon { width: 34px !important; height: 34px !important; }
  .mc-web .bannerbelow-list .bannerbelow-title {
    font-size: 13px !important; display: block !important; white-space: normal !important;
  }
  .mc-web .bannerbelow-list .bannerbelow-description {
    font-size: 12px !important; display: block !important; line-height: 1.6 !important;
    white-space: normal !important; overflow: visible !important; -webkit-line-clamp: unset !important;
  }
  /* Fixed-width homepage modules must reflow, rather than clipping the page. */
  .mc-web .systemproduct-container .systemproducts.active {
    flex-direction: column !important; gap: 16px; min-width: 0;
  }
  .mc-web .systemproduct-container .systemproduct-left-container,
  .mc-web .systemproduct-container .systemproduct-right-container {
    min-width: 0 !important; max-width: 100% !important; width: 100% !important;
    margin-right: 0 !important; box-sizing: border-box;
  }
  .mc-web .solution-container,
  .mc-web .chooseUs-container,
  .mc-web .network,
  .mc-web .comprehensive-container { padding-top: 28px !important; padding-bottom: 40px !important; }
  .mc-web .solution-container .solution-sidebar {
    flex-direction: column !important; gap: 20px !important; width: 100%; min-width: 0;
  }
  .mc-web .solution-sidebar .sidebar-profile {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    min-height: 0 !important; margin-right: 0 !important; box-sizing: border-box;
  }
  .mc-web .solution-sidebar .sidebar-profile .sidebar-img {
    width: 100% !important; height: 260px !important; object-fit: cover; display: block;
  }
  .mc-web .solution-sidebar .sidebar-profile .profile-position {
    left: 12px; right: 12px; bottom: 12px; padding: 16px 12px;
    border-radius: 12px; background: #fffffff2; box-sizing: border-box;
  }
  .mc-web .solution-sidebar .sidebar-profile .profile-position .name { font-size: 20px !important; }
  .mc-web .solution-sidebar .sidebar-profile .profile-position .title {
    font-size: 13px !important; text-align: center; line-height: 1.7 !important;
  }
  .mc-web .solution-sidebar .sidebar-profile .social-links {
    right: 12px !important; top: 12px !important; transform: none !important;
    flex-direction: row; border-radius: 8px; box-shadow: none;
  }
  .mc-web .solution-sidebar .sidebar-profile .social-links .social-link { padding: 9px 12px; font-size: 13px; }
  .mc-web .solution-sidebar .solution-main-content { width: 100%; min-width: 0; }
  .mc-web .solution-sidebar .solution-main-content .main-option {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px;
  }
  .mc-web .solution-sidebar .solution-main-content .main-option-name { padding: 10px 6px !important; font-size: 14px !important; }
  .mc-web .solution-sidebar .solution-main-content .main-dashboard .reviews { padding: 18px 0 !important; margin-bottom: 14px !important; }
  .mc-web .chooseUs-container .chooseUs-row-a { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
  .mc-web .chooseUs-container .chooseUs-row-a .chooseUs-itme {
    height: auto !important; min-height: 160px; padding: 22px !important;
    gap: 16px !important; box-sizing: border-box; border-radius: 14px;
  }
  .mc-web .chooseUs-container .chooseUs-itme-main { min-width: 0; }
  .mc-web .chooseUs-container .chooseUs-itme-label { flex-wrap: wrap; gap: 6px !important; }
  .mc-web .chooseUs-container .chooseUs-itme-icon { flex: 0 0 52px; height: 52px !important; }
  .mc-web .chooseUs-container .chooseUs-row { flex-direction: column; }
  .mc-web .chooseUs-container .chooseUs-70,
  .mc-web .chooseUs-container .chooseUs-30 { width: 100% !important; min-width: 0; }
  .mc-web .network .network_container { height: auto !important; display: flex; flex-direction: column; }
  .mc-web .network .network_container .feature-wrapper { position: relative; top: auto; left: auto; width: 100%; }
  .mc-web .network .network_container .feature-row { max-width: 100%; gap: 22px; }
  .mc-web .network .network_container .feature-title { font-size: 20px !important; }
  .mc-web .network .network_container .network_canvas {
    position: relative; right: auto; top: auto; width: 100%; height: 220px !important;
    margin-top: 20px; display: flex; align-items: center; justify-content: center;
  }
  .mc-web .network .network_container .network_canvas canvas { width: 100% !important; height: auto !important; }
  .mc-web .network .network_footer { position: relative; bottom: auto; margin-top: 20px; }
  .mc-web .network .network_footer_row { flex-wrap: wrap; }
  .mc-web .comprehensive-container .comprehensive-news-container { flex-direction: column; gap: 16px; }
  .mc-web .comprehensive-container .comprehensive-news-left,
  .mc-web .comprehensive-container .comprehensive-news-right {
    min-width: 0 !important; max-width: 100% !important; width: 100% !important; margin-left: 0 !important;
  }
  /* News uses a decorative banner behind an overlapping desktop layout. */
  body.mc-web:has(.et-main .news-right-row) > .globalBanner { height: var(--navheight) !important; min-height: 0 !important; }
  .mc-web .et-main:has(.main-row),
  .mc-web .et-main.articleContent { margin: 24px 0 38px !important; }
  .mc-web .et-main .main-row { padding-top: 0 !important; }
  .mc-web .footerContainer .footerContainernav { flex-direction: column; gap: 24px; }
  .mc-web .footerContainer .footerContainer_center {
    height: auto !important; min-height: 0; align-items: start;
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
  }
  .mc-web .footerContainer .footerItem { margin: 0 !important; min-width: 0; width: 100%; }
  .mc-web .footerContainer .footerItem > a { display: flex; min-width: 0; width: 100%; }
  .mc-web .footerContainer .footerText { margin-left: 10px; min-width: 0; width: auto; }
  .mc-web .footerContainer .footerText > div { line-height: 1.65; overflow-wrap: anywhere; }
  .mc-web .footerContainer .footerMenus { min-width: 0; width: 100% !important; margin-right: 0; }
  .mc-web .footerContainer .footerMenuscontainer { width: 100%; }
  .mc-web .footerContainer .footerInfo {
    width: 100%; min-width: 0; padding: 24px 0 0; border-left: 0;
    border-top: 1px solid #ffffff16; white-space: normal; box-sizing: border-box;
  }
  .mc-web .footerContainer .footerQRCode { max-width: 280px; }
  .mc-web .footerContainer .footerContact { overflow-wrap: anywhere; }
  .mc-web .footerContainer .footerContainercopy { flex-direction: column; align-items: flex-start; }
  .mc-web .footerContainer .footerCopyright { width: 100%; min-width: 0; }
  .mc-web .footerContainer .footerCopyleft { padding: 0; width: 100%; min-width: 0; }
}
@media (max-width: 600px) {
  body.mc-web:has(.nav-layoutcontainer) { --navheight: 154px; }
  .mc-web .horizontal-menu-navbar {
    grid-template-columns: minmax(0, 1fr); grid-template-rows: 56px 54px 44px;
    height: 154px !important; padding: 0 16px !important;
  }
  .mc-web .horizontal-menu-navbar-logo { grid-area: 1 / 1; height: 56px !important; justify-content: center; }
  .mc-web .horizontal-menu-navbar-logo .horizontal-logosize { max-width: 160px; max-height: 42px; }
  .mc-web .horizontal-menu-navbar-search { grid-area: 2 / 1; width: 100%; }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions { justify-content: center; gap: 5px !important; }
  .mc-web .horizontal-menu-navbar-container { grid-area: 3 / 1; }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions .input-inner-wrapper > .input-label {
    width: 36px !important; padding: 0 8px !important;
  }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions .input-label .search-input {
    width: 1px !important; min-width: 0 !important; padding: 0 !important;
    border: 0 !important; background: transparent !important;
  }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions .input-label .input-suffix { position: static; }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions > .navbar-public > a { padding: 0 5px; font-size: 12px !important; }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions > .navbar-Register > a,
  .mc-web .horizontal-menu-navbar-search .mc-header-actions > .navbar-mode-Login > a { min-width: 48px; padding: 0 10px; }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions > a.navbar-Login {
    min-width: 74px; padding: 0 10px !important; font-size: 12px !important;
  }
  .mc-web .horizontal-menu-navbar-search .mc-header-actions .nav-search { top: 110px; }
  .mc-web .horizontal-menu-navbar-menu > li > a { font-size: 13px !important; padding: 0 9px !important; }
  .mc-web .horizontal-menu-navbar-search .navbar-user-name { max-width: 88px; overflow: hidden; text-overflow: ellipsis; }
  .mc-web .sky-productList { grid-template-columns: minmax(0, 1fr) !important; }
  .mc-web .et-main .unique_search_container { flex-basis: 100%; width: 100%; }
  .mc-web .et-main .pagebanner-text { flex-basis: 100%; }
  .mc-web .et-main .news-item .news-link { gap: 12px; }
  .mc-web .et-main .news-item-img { max-width: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  .mc-web .horizontal-menu-navbar .nav-search { transition: none !important; }
}