﻿/* ---- Original kche template 196 styles (verbatim from haomantextile.com) ---- */
.kche-t196 .kche-t196-contact{width:50%;padding:10px 40px;box-sizing:border-box}.kche-t196 .kche-t196-img{width:50%;overflow:hidden}.kche-t196 .kche-t196-contant{display:flex;align-items:center;background:#fafafa;border-radius:5px;overflow:hidden}.kche-t196 .kche-t196-img img{display:block;max-width:100%;transition:all .3s ease-in-out;border-radius:5px}.kche-t196 .kche-t196-title{font-size:24px;font-weight:var(--fontbold6,600);margin:0;line-height:1.5;text-transform:capitalize;color:#000}.kche-t196 .kche-t196-text{margin-top:10px}.kche-t196 .kche-t196-text p{margin:0;line-height:1.5}.kche-t196 .kche-t196-item{display:flex;align-items:center;margin-bottom:15px}.kche-t196 .kche-t196-table p{margin:0;font-size:18px;line-height:1;color:#000;text-transform:capitalize}.kche-t196 .kche-t196-pro p{font-size:16px;line-height:1.5;margin:0;color:var(--introcolor,#555555)}.kche-t196 .kche-t196-pro{margin-top:10px}.kche-t196 .kche-t196-icoe{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#eee;color:var(--color,#c4956a);margin-right:20px;transition:all .3s ease-in-out;border-radius:5px}.kche-t196 .kche-t196-icoe>em{font-size:22px;line-height:1}.kche-t196 .kche-t196-list{margin-top:30px}.kche-t196 .kche-t196-size{flex:1}.kche-t196 .kche-t196-item:nth-last-child(1){margin-bottom:0}.kche-t196 .kche-t196-img:hover img{transform:scale(1.02)}.kche-t196 .kche-t196-item:hover .kche-t196-icoe{transform:translateY(-5px)}@media(max-width:1366px){.kche-t196 .kche-t196-contact{padding:0 30px}.kche-t196 .kche-t196-item{margin-bottom:15px}.kche-t196 .kche-t196-list{margin-top:20px}.kche-t196 .kche-t196-text{margin-top:10px}.kche-t196 .kche-t196-pro{margin-top:6px}}@media(max-width:1024px){.kche-t196 .kche-t196-contant{flex-direction:column}.kche-t196 .kche-t196-img img{width:100%}.kche-t196 .kche-t196-contact{padding:20px;width:100%}.kche-t196 .kche-t196-img{width:100%}.kche-t196 .kche-t196 .kche-t196-img img{width:100%}}@media(max-width:500px){.kche-t196 .kche-t196-contact{padding:16px}.kche-t196 .kche-t196-title{font-size:20px}.kche-t196 .kche-t196-table p{font-size:16px}}

/* ---- Original kche template 214 styles (verbatim from haomantextile.com) ---- */
.kche-t214 h5{font-size:26px;font-weight:var(--fontbold6,600);text-align:center;text-transform:capitalize;color:var(--fontcolor,#333);margin:0;margin-bottom:10px}.kche-t214 .kche-t214-des{text-align:center;color:var(--introcolor,#555555)}.kche-t214 .kche-t214-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;list-style:none;margin-top:40px}.kche-t214 .kche-t214-item{width:22%;text-align:center}.kche-t214 .kche-t214-item:hover img{transform:scale(1.02)}.kche-t214 .kche-t214-item img{width:220px;height:auto;object-fit:cover;border-radius:50%;transition:all .1s linear}.kche-t214 .kche-t214-p1{color:var(--color,#f1c881);margin-top:10px}.kche-t214 .kche-t214-p2{font-size:20px;margin-top:10px}.kche-t214 .kche-t214-p3{color:var(--introcolor,#555555);font-size:14px;margin-top:10px}.kche-t214 .kche-t214-item em{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;color:#6b6460;font-size:18px;width:46px;height:46px;background:rgba(228,168,83,0);border-radius:50%;border:1px solid #dcdcdc;transition:all .1s linear}@media(max-width:1024px){.kche-t214 .kche-t214-item{width:48%;margin-bottom:20px}.kche-t214 .kche-t214-item img{width:100%}}@media(max-width:768px){.kche-t214 h5{font-size:22px}}

/* ---- common-main spacing ---- */
.common-main{padding-bottom:40px}

/* ===== Redesigned layout (on-theme, blue #0867ad) ===== */
.block{margin:52px 0}
.block:first-of-type{margin-top:30px}

/* Section header */
.sec-head{text-align:center;max-width:740px;margin:0 auto 8px}
.sec-eyebrow{display:inline-block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--color,#0867ad);font-weight:700;margin-bottom:12px}
.sec-title{font-size:28px;font-weight:700;color:#111;margin:0 0 10px;line-height:1.3}
.sec-sub{font-size:15.5px;color:#666;line-height:1.7;margin:0}

/* Stat strip (About + Manufacturing merged) */
.stats{display:flex;margin-top:38px;border:1px solid #e6e9ee;border-radius:10px;overflow:hidden}
.stat{flex:1;padding:26px 16px;text-align:center;border-right:1px solid #e6e9ee}
.stat:last-child{border-right:none}
.stat .num{font-size:30px;font-weight:700;color:var(--color,#0867ad);line-height:1.1}
.stat .lbl{font-size:13.5px;color:#666;margin-top:8px;line-height:1.5}

/* Highlight strip (3 selling points) */
.hl-strip{display:flex;flex-wrap:wrap;justify-content:center;background:#fff;border:1px solid #e6e9ee;border-radius:10px;overflow:hidden}
.hl{flex:1;min-width:200px;padding:22px 18px;text-align:center;border-right:1px solid #e6e9ee}
.hl:last-child{border-right:none}
.hl b{display:block;font-size:17px;color:var(--color,#0867ad);margin-bottom:5px}
.hl span{font-size:14px;color:#666;line-height:1.5}

/* Fabric Development Process — horizontal stepper */
.steps{display:flex;margin-top:34px}
.step{flex:1;position:relative;padding:0 14px;text-align:center}
.step::before{content:'';position:absolute;top:23px;left:50%;width:100%;height:2px;background:#d9e2ec;z-index:0}
.step:last-child::before{display:none}
.step-dot{position:relative;z-index:1;width:46px;height:46px;border-radius:50%;background:var(--color,#0867ad);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.step h4{font-size:16px;margin:0 0 6px;color:#111}
.step p{font-size:13.5px;color:#666;line-height:1.6;margin:0}

/* Quality Control — tinted checklist band */
.qc-band{background:#f4f8fb;border-radius:10px;padding:38px 34px;margin-top:30px}
.qc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;margin-top:28px}
.qc-item{display:flex;align-items:flex-start;gap:14px}
.qc-ck{flex:none;width:26px;height:26px;border-radius:50%;background:var(--color,#0867ad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}
.qc-item h4{font-size:16px;margin:0 0 4px;color:#111}
.qc-item p{font-size:14px;color:#666;margin:0;line-height:1.6}

/* OEM / ODM — accent cards */
.odm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.odm-card{background:#fff;border:1px solid #e6e9ee;border-left:4px solid var(--color,#0867ad);border-radius:8px;padding:22px 20px}
.odm-card h4{font-size:16px;margin:0 0 8px;color:#111}
.odm-card p{font-size:14px;color:#666;line-height:1.6;margin:0}
.odm-note{margin-top:24px;text-align:center;font-size:15px;color:#666;line-height:1.7}

@media(max-width:1024px){
  .odm-grid{grid-template-columns:repeat(2,1fr)}
  .qc-grid{gap:14px 24px}
}
@media(max-width:768px){
  .stats{flex-wrap:wrap}
  .stat{flex:1 1 50%;border-right:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee}
  .hl{flex:1 1 100%;border-right:none;border-bottom:1px solid #e6e9ee}
  .hl:last-child{border-bottom:none}
  .steps{flex-direction:column}
  .step{padding:0 0 26px;text-align:left;display:flex;gap:16px;align-items:flex-start}
  .step::before{display:none}
  .step-dot{margin:0;flex:none}
  .qc-grid{grid-template-columns:1fr}
  .odm-grid{grid-template-columns:1fr}
  .sec-title{font-size:24px}
}

/* ===== Page centering (kche-wrap-width is NOT defined by the framework) ===== */
.kche-wrap-width{max-width:1600px;margin-left:auto;margin-right:auto;padding:0 16px}
.breadcrumb .l-wrap{max-width:1600px;padding:0 16px}

/* ===== Product lines: uniform 5-per-row circular grid ===== */
.kche-t214 .kche-t214-list{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 14px;justify-items:center;margin-top:36px}
.kche-t214 .kche-t214-item{width:100%}
.kche-t214 .kche-t214-item img{width:150px;height:150px;object-fit:cover;border-radius:50%}
.kche-t214 .kche-t214-p1{font-size:13.5px;line-height:1.4;min-height:38px;display:flex;align-items:center;justify-content:center;margin-top:12px}
@media(max-width:1024px){.kche-t214 .kche-t214-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.kche-t214 .kche-t214-list{grid-template-columns:repeat(2,1fr)}.kche-t214 .kche-t214-item img{width:132px;height:132px}}

/* ===== Get in Touch: background banner + CTA ===== */
.cta-banner{position:relative;border-radius:12px;overflow:hidden;background:url('https://www.haomantextile.com/uploads/48321/page/p2026073109422231bb2.jpg?size=1200x0') center/cover no-repeat;padding:80px 30px;text-align:center;color:#fff}
.cta-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(8,103,173,.88),rgba(8,103,173,.62));z-index:0}
.cta-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}
.cta-inner h2{font-size:30px;font-weight:700;margin:0 0 12px;line-height:1.3}
.cta-inner p{font-size:16px;line-height:1.7;margin:0 0 26px;opacity:.95}
.cta-btn{display:inline-block;background:#fff;color:var(--color,#0867ad);font-weight:700;font-size:16px;padding:14px 40px;border-radius:30px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.cta-contact{margin-top:22px;font-size:14.5px;color:#fff;opacity:1;line-height:1.8}
.cta-contact a{color:#fff;text-decoration:none}