/**** Home ****/
/**** Hero ****/
.zb-hero{
      position:relative;min-height:clamp(720px,88vh,920px);display:flex;align-items:stretch;overflow:hidden;
      background:#09101a;color:#fff
    }
.zb-hero-media{
      position:absolute;inset:0;
      background:radial-gradient(circle at top right,rgba(178,135,52,.22),transparent 32%),linear-gradient(135deg,#06111d 0%,#0a1728 48%,#10233a 100%)
    }
    .zb-hero-video{width:100%;height:100%;object-fit:cover;opacity:.9;filter:saturate(.72) contrast(1.05)}
    .zb-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,17,.84) 0%,rgba(5,10,17,.7) 44%,rgba(5,10,17,.86) 100%)}
    .zb-hero-grid{
      position:absolute;inset:0;opacity:.16;
      background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
      background-size:84px 84px;mask-image:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.72))
    }
    .zb-hero-content{
      position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.74fr);gap:32px;
      align-items:end;min-height:inherit;padding-top:138px;padding-bottom:88px
    }
    .zb-hero-copy{max-width:760px}
    .zb-hero-copy h1{margin: 20px 0;;color:#fff;font-size:clamp(2.8rem,3vw,3rem);line-height:.98;letter-spacing:-.05em}
    .zb-hero-lead{max-width:700px;color:rgba(255,255,255,.78);line-height:1.95}
    .zb-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px}
    .zb-btn-secondary{background:transparent;border-color:rgba(255,255,255,.28);color:inherit}
    .zb-btn-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.36);color:#fff}
    .zb-hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .zb-hero-points li{
      padding:11px 14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--zb-radius-pill);
      background:rgba(255,255,255,.08);color:#fff;font-size:.92rem;line-height:1.4
    }
    .zb-hero-panel{
      align-self:end;padding:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);
      border-radius:30px;box-shadow:var(--zb-shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
    }
    .zb-hero-panel h2{margin:0 0 18px;color:#fff;font-size:1.5rem;line-height:1.18;letter-spacing:-.02em}
    .zb-hero-panel-list{display:grid;gap:16px}
    .zb-hero-panel-item{
      display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)
    }
    .zb-hero-panel-item:first-child{padding-top:0;border-top:0}
    .zb-panel-index{
      display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;
      background:rgba(178,135,52,.14);border:1px solid rgba(178,135,52,.25);color:var(--zb-color-accent);
      font-size:.86rem;font-weight:800;letter-spacing:.08em
    }
    .zb-hero-panel-item h3{margin:0 0 6px;color:#fff;font-size:1rem;line-height:1.3}
    .zb-hero-panel-item p{margin:0;color:rgba(255,255,255,.72);font-size:.95rem;line-height:1.75}
/**** Hero End ****/
/**** Product Categories ****/
.zb-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.75rem;
}

.zb-category-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:20px;
  overflow:hidden;
  transition:all .3s ease;
  display:flex;
  flex-direction:column;
  height:100%;
}

.zb-category-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  border-color:#d1d5db;
}

.zb-category-image{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--zb-color-surface-soft-2);
}

.zb-category-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.zb-category-card:hover .zb-category-image img{
  transform:scale(1.05);
}

.zb-category-body{
  padding:1.5rem;
  display:flex;
  flex-direction:column;
  flex:1;
}

.zb-category-title{
  margin:0 0 .85rem;
  font-size:1.2rem;
  line-height:1.4;
  font-weight:700;
}

.zb-category-title a{
  color:var(--zb-color-text);
  text-decoration:none;
}

.zb-category-title a:hover{
  color:var(--zb-color-accent);
}

.zb-category-desc{
  font-size:.95rem;
  line-height:1.7;
  color:var(--zb-color-muted);
  margin:0 0 1.4rem;
  flex:1;
}

.zb-category-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.92rem;
  font-weight:600;
  color:var(--zb-color-accent);
  text-decoration:none;
  transition:all .3s ease;
}

.zb-category-link:hover{
  color:var(--zb-color-text);
  transform:translateX(3px);
}

@media (max-width:1200px){
  .zb-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .zb-hero{min-height:auto}
  .zb-hero-content{grid-template-columns:1fr;padding-top:120px;padding-bottom:72px}
  .zb-hero-panel{max-width:720px}
}
@media (max-width:768px){
	.zb-hero-content{padding-top:96px;padding-bottom:56px;gap:22px}
    .zb-hero-lead{font-size:1rem;line-height:1.78}
    .zb-hero-actions{width:100%}
    .zb-hero-actions .zb-btn{flex:1 1 100%}
    .zb-hero-points{gap:10px}
    .zb-hero-points li{width:100%;padding:10px 12px}
    .zb-hero-panel{padding:22px;border-radius:24px}
    .zb-hero-panel-item{grid-template-columns:40px 1fr;gap:12px}
    .zb-panel-index{width:40px;height:40px;border-radius:12px}
.zb-hero-copy h1{font-size:2.35rem}
  .zb-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.25rem;
  }

  .zb-category-body{
    padding:1.2rem;
  }
}

@media (max-width:576px){
  .zb-category-grid{
    grid-template-columns:1fr;
  }
}
/**** Product Categories End ****/
/**** Production Line Solutions ****/
.zb-solutions-section{
        background:linear-gradient(180deg,var(--zb-color-surface-soft) 0%,#fff 100%);
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-lg);
        padding:var(--zb-space-11);
      }

      .zb-solutions-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:var(--zb-space-7);
      }

      .zb-solution-flow{
        margin:0 0 var(--zb-space-5);
        color:var(--zb-color-accent);
        font-size:.92rem;
        line-height:1.65;
        font-weight:800;
      }

      .zb-solution-meta{
        display:grid;
        gap:12px;
        margin-bottom:var(--zb-space-6);
      }

      .zb-solution-meta span{
        display:block;
        color:var(--zb-color-muted);
        font-size:.92rem;
        line-height:1.65;
      }

      .zb-solution-meta strong{
        color:var(--zb-color-text);
        font-weight:800;
      }

      .zb-machine-links{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        margin-top:8px;
      }

      .zb-machine-links a{
        display:inline-flex;
        align-items:center;
        min-height:32px;
        padding:0 12px;
        border-radius:var(--zb-radius-pill);
        background:var(--zb-color-surface-soft);
        border:1px solid var(--zb-color-border);
        color:var(--zb-color-primary);
        font-size:.84rem;
        line-height:1;
        font-weight:700;
      }
	  .zb-machine-links span{
        display:inline-flex;
        align-items:center;
        min-height:32px;
        padding:0 12px;
        border-radius:var(--zb-radius-pill);
        background:var(--zb-color-surface-soft);
        border:1px solid var(--zb-color-border);
        color:var(--zb-color-primary);
        font-size:.84rem;
        line-height:1;
        font-weight:700;
      }

      .zb-machine-links a:hover{
        background:var(--zb-color-primary);
        border-color:var(--zb-color-primary);
        color:#fff;
      }

      @media(max-width:1199px){
        .zb-solutions-grid{
          grid-template-columns:repeat(2,minmax(0,1fr));
        }
      }

      @media(max-width:767px){
        .zb-solutions-section{
          padding:var(--zb-space-7);
          border-radius:var(--zb-radius-md);
        }

        .zb-solutions-grid{
          grid-template-columns:1fr;
          gap:var(--zb-space-6);
        }
      }

      @media(max-width:480px){
        .zb-solutions-section{
          padding:var(--zb-space-5);
        }
      }
/**** Production Line Solutions End ****/
/**** Applications ****/
.zb-application-machines{
        margin:0 0 var(--zb-space-6);
}
.zb-application-machines strong{
        display:block;
        margin-bottom:10px;
        color:var(--zb-color-text);
        font-size:.92rem;
        line-height:1.5;
}
/**** Applications End ****/
/**** Why Choose Us ****/
.zb-why-grid{
        display:grid;
        grid-template-columns:1.1fr .9fr;
        gap:var(--zb-space-8);
        align-items:stretch;
      }

      .zb-why-main{
        background:linear-gradient(180deg,var(--zb-color-surface-soft) 0%,#fff 100%);
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-lg);
        padding:var(--zb-space-11);
      }

      .zb-why-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:var(--zb-space-6);
        margin-top:var(--zb-space-9);
      }

      .zb-why-item{
        background:#fff;
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-md);
        padding:var(--zb-space-7);
        transition:var(--zb-transition);
      }

      .zb-why-item:hover{
        transform:translateY(-4px);
        box-shadow:var(--zb-shadow-sm);
      }

      .zb-why-number{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:42px;
        height:42px;
        margin-bottom:var(--zb-space-5);
        border-radius:50%;
        background:var(--zb-color-primary);
        color:#fff;
        font-size:.95rem;
        font-weight:800;
      }

      .zb-why-item h3{
        margin:0 0 var(--zb-space-3);
        color:var(--zb-color-primary);
        font-size:1.05rem;
        line-height:1.45;
        font-weight:800;
      }

      .zb-why-item p{
        margin:0;
        color:var(--zb-color-muted);
        font-size:.94rem;
        line-height:1.8;
      }

      .zb-factory-panel{
        display:flex;
        flex-direction:column;
        gap:var(--zb-space-6);
      }

      .zb-factory-card{
        background:#fff;
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-lg);
        overflow:hidden;
        box-shadow:var(--zb-shadow-sm);
        transition:var(--zb-transition);
      }

      .zb-factory-card:hover{
        transform:translateY(-4px);
        box-shadow:var(--zb-shadow-md);
      }

      .zb-factory-image{
        position:relative;
      }

      .zb-factory-image img{
        width:100%;
        aspect-ratio:16/10;
        object-fit:cover;
      }

      .zb-factory-tag{
        position:absolute;
        top:18px;
        left:18px;
        display:inline-flex;
        align-items:center;
        min-height:32px;
        padding:0 14px;
        border-radius:var(--zb-radius-pill);
        background:rgba(15,23,42,.82);
        color:#fff;
        font-size:.78rem;
        font-weight:800;
        letter-spacing:.04em;
        text-transform:uppercase;
        backdrop-filter:blur(8px);
      }

      .zb-factory-body{
        padding:var(--zb-space-7);
      }

      .zb-factory-body h3{
        margin:0 0 var(--zb-space-3);
        color:var(--zb-color-primary);
        font-size:1.08rem;
        line-height:1.4;
        font-weight:800;
      }

      .zb-factory-body p{
        margin:0;
        color:var(--zb-color-muted);
        font-size:.94rem;
        line-height:1.8;
      }

      .zb-factory-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:var(--zb-space-5);
      }

      .zb-factory-mini{
        background:#fff;
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-md);
        padding:var(--zb-space-6);
      }

      .zb-factory-mini h4{
        margin:0 0 10px;
        color:var(--zb-color-primary);
        font-size:.96rem;
        font-weight:800;
      }

      .zb-factory-mini p{
        margin:0;
        color:var(--zb-color-muted);
        font-size:.9rem;
        line-height:1.7;
      }

      @media(max-width:1199px){
        .zb-why-grid{
          grid-template-columns:1fr;
        }
      }

      @media(max-width:767px){
        .zb-why-main{
          padding:var(--zb-space-7);
          border-radius:var(--zb-radius-md);
        }

        .zb-why-list{
          grid-template-columns:1fr;
        }

        .zb-factory-list{
          grid-template-columns:1fr;
        }
      }

      @media(max-width:480px){
        .zb-why-main{
          padding:var(--zb-space-5);
        }
      }
/**** Why Choose Us End ****/
/**** Global Market ****/
.zb-market-full{
        position:relative;
        overflow:hidden;
        padding-bottom:50px;
        background-image: url(../image/pattern-bjt.webp);
      }

      .zb-market-full::before{
        content:"";
        position:absolute;
        inset:0;
        background:
          linear-gradient(35deg,transparent 0%,rgba(255,255,255,.65) 32%,transparent 34%),
          linear-gradient(35deg,transparent 0%,rgba(255,255,255,.45) 58%,transparent 60%);
        pointer-events:none;
      }

      .zb-market-full .zb-shell{
        position:relative;
        z-index:1;
      }

      .zb-market-layout{
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:var(--zb-space-8);
        align-items:stretch;
      }
.rd-global-support-visual{
  width:100%;
  overflow:hidden;
  border-radius:24px;
  box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.rd-global-support-visual img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
      .zb-market-map{
        min-height:420px;
        border-radius:var(--zb-radius-lg);
        box-shadow:var(--zb-shadow-md);
        display:flex;
        align-items:flex-end;
        padding:var(--zb-space-8);
      }

      .zb-export-badge{
        max-width:340px;
        padding:var(--zb-space-7);
        border-radius:var(--zb-radius-md);
        background:rgba(15,23,42,.72);
        color:#fff;
        backdrop-filter:blur(10px);
      }

      .zb-export-badge span{
        display:block;
        margin-bottom:10px;
        font-size:.76rem;
        font-weight:900;
        letter-spacing:.12em;
        text-transform:uppercase;
        color:rgba(255,255,255,.72);
      }

      .zb-export-badge strong{
        display:block;
        margin-bottom:10px;
        font-size:1.6rem;
        line-height:1;
        font-weight:900;
      }

      .zb-export-badge p{
        margin:0;
        color:rgba(255,255,255,.82);
        font-size:.94rem;
        line-height:1.7;
      }

      .zb-region-box,
      .zb-trust-box{
        margin-top:var(--zb-space-6);
        padding:var(--zb-space-7);
        border-radius:var(--zb-radius-md);
        background:rgba(255,255,255,.78);
        box-shadow:var(--zb-shadow-sm);
      }

      .zb-region-box h3,
      .zb-trust-box h3{
        margin:0 0 var(--zb-space-5);
        color:var(--zb-color-primary);
        font-size:1.08rem;
        line-height:1.4;
        font-weight:900;
      }

      .zb-region-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px var(--zb-space-8);
      }

      .zb-region-list li,
      .zb-value-list li{
        position:relative;
        padding-left:22px;
        color:var(--zb-color-muted);
        font-size:.95rem;
        line-height:1.75;
      }

      .zb-region-list li::before,
      .zb-value-list li::before{
        content:"";
        position:absolute;
        left:0;
        top:.75em;
        width:8px;
        height:8px;
        border-radius:50%;
        background:var(--zb-color-accent);
      }

      .zb-market-actions{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        margin-top:var(--zb-space-7);
      }

      .zb-market-note{
        margin:var(--zb-space-5) 0 0;
        color:var(--zb-color-muted);
        font-size:.92rem;
        line-height:1.7;
      }

      .zb-trust-panel{
        padding:var(--zb-space-9);
        border-radius:var(--zb-radius-lg);
        background:rgba(255,255,255,.86);
        box-shadow:var(--zb-shadow-md);
      }

      .zb-trust-panel h2{
        margin:0 0 var(--zb-space-4);
        color:var(--zb-color-primary);
        font-size:clamp(1.8rem,2.8vw,2.8rem);
        line-height:1.12;
        font-weight:900;
        letter-spacing:-.03em;
      }

      .zb-trust-panel-desc{
        margin:0;
        color:var(--zb-color-muted);
        font-size:1rem;
        line-height:1.9;
      }

      .zb-trust-steps{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:12px;
        margin-top:var(--zb-space-7);
      }

      .zb-trust-step{
        padding:var(--zb-space-5);
        border-radius:var(--zb-radius-md);
        background:rgba(178,135,52,.08);
      }

      .zb-trust-step strong{
        display:block;
        margin-bottom:8px;
        color:var(--zb-color-primary);
        font-size:.98rem;
        line-height:1.35;
        font-weight:900;
      }

      .zb-trust-step span{
        color:var(--zb-color-muted);
        font-size:.86rem;
        line-height:1.65;
      }

      .zb-value-list{
        display:grid;
        gap:12px;
      }

      .zb-proof-gallery{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:var(--zb-space-5);
        margin-top:var(--zb-space-8);
      }

      .zb-proof-card{
        overflow:hidden;
        border-radius:var(--zb-radius-md);
        background:#fff;
        box-shadow:var(--zb-shadow-sm);
      }

      .zb-proof-card img{
        width:100%;
        aspect-ratio:16/10;
        object-fit:cover;
      }

      .zb-proof-card div{
        padding:var(--zb-space-5);
      }

      .zb-proof-card h3{
        margin:0 0 8px;
        color:var(--zb-color-primary);
        font-size:.98rem;
        line-height:1.4;
        font-weight:900;
      }

      .zb-proof-card p{
        margin:0;
        color:var(--zb-color-muted);
        font-size:.88rem;
        line-height:1.65;
      }

      @media(max-width:1199px){
        .zb-market-layout{
          grid-template-columns:1fr;
        }

        .zb-proof-gallery{
          grid-template-columns:repeat(2,minmax(0,1fr));
        }
      }

      @media(max-width:767px){
        .zb-market-full{
          padding-bottom:40px;
        }

        .zb-market-map{
          min-height:320px;
          padding:var(--zb-space-6);
        }

        .zb-region-list,
        .zb-market-actions,
        .zb-trust-steps,
        .zb-proof-gallery{
          grid-template-columns:1fr;
        }

        .zb-trust-panel{
          padding:var(--zb-space-7);
        }
      }

      @media(max-width:480px){
        .zb-market-map{
          min-height:280px;
          padding:var(--zb-space-5);
        }
      }
/**** Global Market End ****/