/**
 * Shenzhen CLT Electronics - Dedicated Small Resolution & Laptop Stylesheet
 * Scope: 1920x1080 with 125%/150% scaling, 1366x768, 1280x720 (Logical width 1025px - 1536px and height <= 880px)
 * Purpose: Completely isolated from large desktops, ensures spacious nav items and 1-screen fit.
 */

@media screen and (min-width: 1025px) and (max-width: 1536px),
       screen and (min-width: 1025px) and (max-height: 880px) {

  /* 1. Root Rem Scaling & Container Setup */
  :root {
    --header-h: 4.25rem;
    --max-width: 84rem;
    --container-max-width: 84rem;
    --site-container-w: min(92%, 84rem);
  }

  html {
    font-size: clamp(13px, 0.72vw + 4.3px, 14.8px);
  }

  /* 2. Top Header & Nav Items: Spacious, Elegant Spacing (Eliminates crowded feeling) */
  .site-header .header-inner {
    width: min(94%, 86rem) !important;
    max-width: 86rem !important;
  }

  .main-nav {
    margin-inline: 2.5rem !important;
  }

  .nav-list {
    gap: clamp(1.8rem, 2.2vw, 2.5rem) !important; /* 彻底加宽间距，告别紧密拥挤 */
  }

  .nav-list > .nav-item > a {
    padding: 0.5rem 0.85rem !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    gap: 0.45rem !important;
  }

  .nav-chevron {
    margin-left: 0.2rem !important;
  }

  .site-logo img,
  .site-logo .custom-logo {
    height: 1.95rem !important;
  }

  .btn-header-contact {
    padding: 0.45rem 1.35rem !important;
    font-size: 0.95rem !important;
  }

  /* Hero Slide Alignments on Laptop Screen */
  .hero-slide-picture {
    width: 100%;
    height: 100%;
    display: block;
  }
  .hero-slide-2 .hero-slide-caption.hero-caption-top-center {
    padding-top: clamp(4.6rem, 10vh, 6.2rem) !important;
  }
  .hero-slide-2 .hero-caption-title {
    font-size: clamp(1.6rem, 2.3vw, 2.2rem) !important;
  }
  .hero-slide-2 .hero-slide-img {
    object-position: center 75% !important;
    object-fit: cover !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
  }

  .hero-slide-4 .hero-slide-img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  .hero-slide-5 .hero-slide-img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }
}

/* 3. Compact Height Windows (Available Height <= 760px, e.g. 1080p @ 150% with taskbar/browser UI) */
@media screen and (min-width: 1025px) and (max-height: 760px) {
  :root {
    --header-h: 3.85rem;
  }

  html {
    font-size: clamp(12.5px, 0.68vw + 3.8px, 13.5px);
  }

  .site-header {
    height: var(--header-h, 3.85rem) !important;
  }

  .site-header .header-inner {
    width: min(95%, 86rem) !important;
  }

  .nav-list {
    gap: clamp(1.6rem, 2vw, 2.3rem) !important;
  }

  .nav-list > .nav-item > a {
    padding: 0.4rem 0.75rem !important;
    font-size: 1.02rem !important;
  }

  .site-logo img,
  .site-logo .custom-logo {
    height: 1.85rem !important;
  }

  .btn-header-contact {
    padding: 0.4rem 1.25rem !important;
    font-size: 0.9rem !important;
  }

  /* FullPage Sections Compact 1-Screen Fit */
  body.fullpage-mode .home-products-section,
  body.fullpage-mode .home-why-section,
  body.fullpage-mode .home-solutions-section,
  body.fullpage-mode .home-latest-news,
  body.fullpage-mode .clt-inquiry-section,
  body.fullpage-mode .home-contact-sales-section,
  body.fullpage-mode .site-footer {
    padding-top: calc(var(--header-h, 3.85rem) + 0.65rem) !important;
    padding-bottom: 0.65rem !important;
  }

  body.fullpage-mode .section-dark-title,
  body.fullpage-mode .home-latest-news .section-dark-title,
  body.fullpage-mode .home-section-heading .section-dark-title,
  body.fullpage-mode .home-why-section .section-dark-title,
  body.fullpage-mode .home-solutions-dark .section-dark-title,
  body.fullpage-mode .section-heading-dark,
  body.fullpage-mode .clt-inquiry-title {
    font-size: 2.75rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
  }

  /* Section 2: Products Section - 紧凑外边距释放空间，大幅调大卡片高度与内部呼吸留白 */
  body.fullpage-mode .home-products-section {
    padding-top: calc(var(--header-h, 3.85rem) + 0.35rem) !important;
    padding-bottom: 0.35rem !important;
  }
  body.fullpage-mode .home-products-section .section-header-flex {
    margin-bottom: 0.45rem !important;
  }
  body.fullpage-mode .home-products-section .product-white-card {
    flex: 0 0 23.5rem !important;
    width: 23.5rem !important;
    height: calc(100vh - var(--header-h, 3.85rem) - 4.6rem) !important;
    max-height: 30.5rem !important;
    padding: 1.25rem 1.45rem 1.35rem !important;
    border-radius: 1.15rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  body.fullpage-mode .home-products-section .card-tag {
    margin-bottom: 0.95rem !important;
  }
  body.fullpage-mode .home-products-section .card-img-wrap {
    height: clamp(10.5rem, 23vh, 13.5rem) !important;
    flex: 0 0 clamp(10.5rem, 23vh, 13.5rem) !important;
    margin-top: 0.2rem !important;
    margin-bottom: 1.15rem !important;
  }
  body.fullpage-mode .home-products-section .card-title {
    font-size: 1.22rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }
  body.fullpage-mode .home-products-section .card-feature-list {
    margin-bottom: 0.85rem !important;
    flex: none !important;
  }
  body.fullpage-mode .home-products-section .card-feature-list li {
    font-size: 0.86rem !important;
    line-height: 1.65 !important;
    margin-bottom: 0.38rem !important;
    padding-left: 0.95rem !important;
  }
  body.fullpage-mode .home-products-section .card-action-btns {
    margin-top: auto !important;
    padding-top: 0.5rem !important;
  }
  body.fullpage-mode .home-products-section .card-action-btns .btn-card-action {
    padding: 0.5rem 1.45rem !important;
    font-size: 0.92rem !important;
  }
  body.fullpage-mode .home-products-section .products-progress-bar {
    margin-top: 0.45rem !important;
  }

  /* Section 3: Why Choose CLT - 进一步放大 3D 地球画幅，饱满填充右侧空间 */
  body.fullpage-mode .home-why-section .why-grid,
  body.fullpage-mode .home-why-section .why-grid-layout {
    gap: clamp(1.5rem, 2.5vw, 3.5rem) !important;
    align-items: center !important;
  }
  body.fullpage-mode .home-why-section .globe-stage-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.fullpage-mode .home-why-section .globe-container {
    width: clamp(34rem, 40vw, 45rem) !important;
    height: clamp(34rem, 40vw, 45rem) !important;
    max-width: 100% !important;
    max-height: calc(100vh - var(--header-h, 3.85rem) - 1.5rem) !important;
  }
  body.fullpage-mode .home-why-section .stats-card-grid {
    gap: 0.75rem !important;
    margin: 1rem 0 1.2rem !important;
  }
  body.fullpage-mode .home-why-section .stat-box {
    height: 4.6rem !important;
    min-height: 4.6rem !important;
    padding: 0.55rem 0.85rem 0.55rem 0.75rem !important;
    border-radius: 0.65rem !important;
    gap: 0.5rem !important;
  }
  body.fullpage-mode .home-why-section .stat-svg-wrap {
    width: 2rem !important;
    height: 2rem !important;
    flex: 0 0 2rem !important;
  }
  body.fullpage-mode .home-why-section .stat-text {
    align-items: flex-end !important;
    text-align: right !important;
    width: 100% !important;
  }
  body.fullpage-mode .home-why-section .stat-num {
    font-size: 1.35rem !important;
    margin-bottom: 0.15rem !important;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
  }
  body.fullpage-mode .home-why-section .stat-label {
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
  }
  body.fullpage-mode .home-why-section .why-paragraphs p {
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
    margin-bottom: 0.4rem !important;
  }
  body.fullpage-mode .home-why-section .why-action-buttons {
    margin-top: 1.25rem !important;
  }

  /* Section 4: Application Solutions - 铺满剩余高度，恢复背景图自然比例与全屏沉浸感 */
  body.fullpage-mode .home-solutions-dark {
    padding-top: calc(var(--header-h, 3.85rem) + 0.35rem) !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  body.fullpage-mode .home-solutions-dark .container {
    flex: 0 0 auto !important;
    margin-bottom: 0.45rem !important;
  }
  body.fullpage-mode .home-solutions-dark .section-dark-title {
    margin-bottom: 0.35rem !important;
  }
  body.fullpage-mode .solutions-stage-banner {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: calc(100vh - var(--header-h, 3.85rem) - 4.2rem) !important;
    max-height: none !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  body.fullpage-mode .solutions-accordion-grid {
    height: 100% !important;
    min-height: 100% !important;
  }
  body.fullpage-mode .sol-col-inner {
    padding-top: clamp(1.2rem, 4vh, 3rem) !important;
    padding-bottom: clamp(1.2rem, 3vh, 2rem) !important;
  }

  /* Section 5: News Section - 扩大标题与图片间距，大幅做高卡片封面图片 */
  body.fullpage-mode .home-latest-news {
    padding-top: calc(var(--header-h, 3.85rem) + 0.35rem) !important;
    padding-bottom: 0.35rem !important;
  }
  body.fullpage-mode .home-latest-news .home-section-heading-center {
    margin-bottom: 2.35rem !important;
  }
  body.fullpage-mode .news-carousel-viewport {
    padding: 0.15rem 0 0.4rem !important;
  }
  body.fullpage-mode .news-card-featured .news-card-media {
    height: clamp(14.5rem, 28vh, 18.5rem) !important;
    aspect-ratio: 16 / 10 !important;
    margin-bottom: 0.75rem !important;
    border-radius: 0.85rem !important;
  }
  body.fullpage-mode .news-card-featured .news-card-media img {
    object-fit: cover !important;
    object-position: center top !important;
  }
  body.fullpage-mode .news-card-featured .news-date {
    font-size: 0.85rem !important;
    margin-top: 0.2rem !important;
    margin-bottom: 0.35rem !important;
  }
  body.fullpage-mode .news-card-featured .news-card-title {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }
  body.fullpage-mode .news-action-center {
    margin-top: 1.15rem !important;
  }
  body.fullpage-mode .news-arrow-chevron,
  body.fullpage-mode #newsPrevBtn,
  body.fullpage-mode #newsNextBtn {
    top: clamp(7.5rem, 14.5vh, 9.5rem) !important;
  }

  body.fullpage-mode .contact-sales-form {
    gap: 0.4rem !important;
  }

  body.fullpage-mode .dark-input {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.82rem !important;
  }

  body.fullpage-mode .site-footer .footer-columns-grid {
    padding-bottom: 0.35rem !important;
    gap: 0.85rem !important;
  }

  /* 4. Hero Carousel Slide Alignment & Positioning (Tailored for 1280x720 / Laptop Viewports) */
  .hero-slide-picture {
    width: 100%;
    height: 100%;
    display: block;
  }
  .hero-slide-2 .hero-slide-caption.hero-caption-top-center {
    padding-top: clamp(4.6rem, 10vh, 6.2rem) !important;
  }
  .hero-slide-2 .hero-caption-title {
    font-size: clamp(1.6rem, 2.2vw, 2.2rem) !important;
  }
  .hero-slide-2 .hero-slide-img {
    object-position: center 75% !important;
    object-fit: cover !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
  }

  .hero-slide-4 .hero-slide-img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  .hero-slide-5 .hero-slide-img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }
}