:root{
  --ink:#161310;
  --muted:#6d6258;
  --gold:#b88b4f;
  --soft:#f6f1ea;
  --line:#e4d9cb;
  --deep:#171513;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 44px));margin:0 auto}
.topbar{background:#111;color:#fff;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;gap:24px;padding:8px 0}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{font-size:29px;font-weight:800;letter-spacing:.18em;line-height:1}
.logo span{display:block;font-size:10px;font-weight:500;letter-spacing:.26em;color:#777;margin-top:8px}
.menu{display:flex;align-items:center;gap:24px;font-size:14px}
.menu a{padding:28px 0;border-bottom:2px solid transparent}
.menu a:hover{border-color:var(--gold);color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1.4px solid var(--ink);border-radius:999px;padding:12px 22px;font-weight:700;font-size:14px;background:#fff}
.btn:hover{background:var(--ink);color:#fff}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn.gold:hover{background:#9b7240}
.btn.light{background:transparent;color:var(--ink)}
.hero{background:#f0e4d5;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:680px}
.hero-copy{position:relative;z-index:2;padding:80px 0 130px}
.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:13px;font-weight:800;margin-bottom:18px}
.hero h1{font-size:72px;line-height:.98;margin:0 0 16px;color:#1a1714}
.hero h1 em{display:block;color:var(--gold);font-weight:400;font-style:italic}
.gold-line{width:52px;height:2px;background:var(--gold);margin:22px 0}
.hero p{font-size:18px;line-height:1.7;max-width:560px;color:#2d2721;margin:0 0 30px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-visual{height:680px;background:url('images/hero-products.webp') center right/cover no-repeat}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px rgba(0,0,0,.08);transform:translateY(-50%);position:relative;z-index:10}
.stat{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:30px 28px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat-icon{width:42px;height:42px;border-radius:50%;border:1px solid #d8c7b2;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px}
.stat strong{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.1;display:block}
.stat span:last-child{font-size:14px;color:var(--muted)}
.section{padding:88px 0}
.section.soft{background:var(--soft)}
.section.dark{background:var(--deep);color:#fff}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}
.section-head h2{font-size:48px;line-height:1.06;margin:0}
.section-head p{font-size:17px;color:var(--muted);max-width:580px;margin:0}
.dark .section-head p{color:rgba(255,255,255,.7)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(26,20,14,.06)}
.product-card img{width:100%;height:auto;display:block;background:#f3ede5}
.product-card .pad{padding:24px 28px 30px}
.product-card h3{font-size:30px;line-height:1.18;margin:0 0 12px}
.product-card p{font-size:16px;color:#5e564e;margin:0}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.feature .num{color:var(--gold);letter-spacing:.16em;font-size:13px;font-weight:800}
.feature h3{font-size:22px;margin:10px 0 8px}
.feature p{color:var(--muted);font-size:15px;margin:0}
.tech-copy h2{font-size:56px;line-height:1.02;margin:0 0 18px}
.tech-copy p{font-size:17px;color:#4c443c}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.badge{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;background:#fff;color:#554d45}
.split-img{border-radius:24px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.12)}
.split-img img{width:100%;height:auto}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:22px}
.step strong{font-size:12px;letter-spacing:.16em;color:var(--gold)}
.step h3{font-size:22px;margin:12px 0 8px}
.step p{font-size:13px;color:rgba(255,255,255,.72)}
.gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}
.gallery img{width:100%;height:270px;object-fit:cover;border-radius:18px}
.gallery .featured{grid-row:span 2;height:558px}
.page-hero{min-height:360px;background:linear-gradient(90deg,rgba(20,17,14,.78),rgba(20,17,14,.25)),url('images/hero-products.webp') center/cover no-repeat;color:#fff;display:flex;align-items:center}
.page-hero h1{font-size:58px;margin:0 0 14px}
.page-hero p{font-size:18px;max-width:640px;color:rgba(255,255,255,.86)}
.product-section{padding:86px 0}
.product-section:nth-of-type(even){background:var(--soft)}
.product-row{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}
.product-row.reverse{grid-template-columns:.85fr 1.15fr}
.product-row.reverse .product-media{order:2}
.product-media{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.06)}
.product-media img{width:100%;height:auto;display:block}
.product-info h2{font-size:44px;line-height:1.08;margin:0 0 16px}
.product-info p{font-size:17px;color:var(--muted)}
.product-info ul{padding-left:20px;color:#4d453d;line-height:1.85}
.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.table th,.table td{padding:16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.table th{background:#f8f3ec}
.table tr:last-child td{border-bottom:0}
.faq-item{border-bottom:1px solid var(--line);padding:24px 0}
.faq-item h3{font-size:24px;margin:0 0 8px}
.faq-item p{color:var(--muted);margin:0}
.form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.input{display:flex;flex-direction:column;gap:6px}
.input.full{grid-column:1/-1}
.input label{font-size:13px;font-weight:700;color:#5d544b}
.input input,.input textarea,.input select{font:inherit;border:1px solid var(--line);border-radius:12px;padding:13px}
.input textarea{min-height:130px}
.footer{background:#151515;color:#fff;padding:60px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:38px}
.footer h3{margin:0 0 15px}
.footer p,.footer a{font-size:14px;color:rgba(255,255,255,.68)}
.footer a{display:block;margin:8px 0}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;color:rgba(255,255,255,.5);font-size:13px}
@media(max-width:980px){
  .topbar{display:none}
  .nav{height:auto;display:block;padding:18px 0}
  .menu{margin-top:16px;flex-wrap:wrap;gap:14px}
  .menu a{padding:4px 0}
  .hero-inner,.section-head,.grid-2,.product-row,.product-row.reverse{grid-template-columns:1fr}
  .hero-copy{padding:54px 0 30px}
  .hero h1{font-size:45px}
  .hero-visual{height:360px}
  .stats{grid-template-columns:1fr;transform:none}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .grid-3,.grid-4,.feature-list,.process,.footer-grid,.form-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .gallery img,.gallery .featured{height:auto;grid-row:auto}
  .section,.product-section{padding:58px 0}
  .product-row.reverse .product-media{order:0}
}

/* --- V11 full-width homepage poster hero --- */
.topbar{display:none}
.hero-poster-wide{
  position:relative;
  width:100%;
  background:#f4eadc;
  overflow:hidden;
  line-height:0;
}
.hero-poster-wide img{
  display:block;
  width:100%;
  height:auto;
}
.hero-hotspot{
  position:absolute;
  display:block;
  z-index:5;
  border-radius:999px;
}
.hero-hotspot.start{
  left:9.3%;
  top:63.3%;
  width:150px;
  height:54px;
}
.hero-hotspot.products{
  left:21%;
  top:63.3%;
  width:150px;
  height:54px;
}
@media(max-width:980px){
  .hero-hotspot{display:none}
}

/* --- V13 factory process collage update --- */
.factory-process-section{
  background:#fff;
  padding:88px 0;
}
.factory-process-collage{
  width:100%;
  height:auto;
  display:block;
  border-radius:0;
}

/* --- V15 real HTML factory-process section, matching approved layout --- */
.factory-process-section-v15{
  background:#fff;
  padding:88px 0 96px;
}
.factory-copy-v15{
  display:grid;
  grid-template-columns:minmax(360px, 1.05fr) 1px minmax(420px, 1.08fr);
  gap:48px;
  align-items:center;
  margin-bottom:46px;
}
.factory-copy-v15 h2{
  margin:0;
  font-size:54px;
  line-height:1.08;
  letter-spacing:-.03em;
  color:#111;
}
.factory-divider-v15{
  width:1px;
  height:116px;
  background:#d6c7b7;
}
.factory-copy-v15 p{
  margin:0;
  color:#4f4740;
  font-size:18px;
  line-height:1.65;
  max-width:760px;
}
.factory-mosaic-v15{
  display:grid;
  grid-template-columns:1.08fr 1.55fr;
  gap:22px;
  align-items:stretch;
}
.factory-large-v15{
  overflow:hidden;
  border-radius:18px;
  background:#f4f1ed;
}
.factory-large-v15 img{
  width:100%;
  height:100%;
  min-height:610px;
  object-fit:cover;
  display:block;
}
.factory-small-grid-v15{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
.factory-small-grid-v15 img{
  width:100%;
  aspect-ratio:1.38 / 1;
  object-fit:cover;
  display:block;
  border-radius:14px;
  background:#f4f1ed;
}
@media(max-width:980px){
  .factory-copy-v15{
    grid-template-columns:1fr;
    gap:22px;
  }
  .factory-divider-v15{display:none}
  .factory-copy-v15 h2{font-size:38px}
  .factory-copy-v15 p{font-size:16px}
  .factory-mosaic-v15{
    grid-template-columns:1fr;
  }
  .factory-large-v15 img{
    min-height:0;
    height:auto;
  }
  .factory-small-grid-v15{
    grid-template-columns:1fr;
  }
  .factory-small-grid-v15 img{
    aspect-ratio:auto;
  }
}

/* --- V16 factory image alignment fix --- */
/* Keep the left large image and the right 3x3 image grid perfectly aligned */
.factory-process-section-v15{
  padding:88px 0 96px;
}
.factory-copy-v15{
  align-items:center;
  margin-bottom:44px;
}
.factory-mosaic-v15{
  display:grid;
  grid-template-columns:1.02fr 1.58fr;
  gap:22px;
  align-items:start;
}
.factory-large-v15,
.factory-small-grid-v15{
  height:520px;
}
.factory-large-v15{
  border-radius:16px;
  overflow:hidden;
}
.factory-large-v15 img{
  width:100%;
  height:100%;
  min-height:0 !important;
  object-fit:cover;
  object-position:center center;
}
.factory-small-grid-v15{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-template-rows:repeat(3, 1fr);
  gap:18px;
}
.factory-small-grid-v15 img{
  width:100%;
  height:100%;
  aspect-ratio:auto !important;
  object-fit:cover;
  border-radius:12px;
}
@media(max-width:980px){
  .factory-large-v15,
  .factory-small-grid-v15{
    height:auto;
  }
  .factory-small-grid-v15{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .factory-small-grid-v15 img,
  .factory-large-v15 img{
    height:auto;
    object-fit:contain;
  }
}

/* --- V17 themed page hero backgrounds --- */
/* Each navigation page now has a different background image matched to the page topic. */
.page-hero{
  min-height:360px;
  position:relative;
  overflow:hidden;
  background-size:cover !important;
  background-position:center center !important;
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(18,14,10,.68) 0%,rgba(18,14,10,.42) 42%,rgba(18,14,10,.15) 100%);
  z-index:0;
}
.page-hero .container{
  position:relative;
  z-index:1;
}
.page-products .page-hero{
  background-image:url('images/page-bg-products.webp') !important;
  background-position:center center !important;
}
.page-oem .page-hero{
  background-image:url('images/page-bg-oem.webp') !important;
  background-position:center center !important;
}
.page-packaging .page-hero{
  background-image:url('images/page-bg-packaging.webp') !important;
  background-position:center center !important;
}
.page-about .page-hero{
  background-image:url('images/page-bg-about.webp') !important;
  background-position:center center !important;
}
.page-faq .page-hero{
  background-image:url('images/page-bg-faq.webp') !important;
  background-position:center center !important;
}
.page-contact .page-hero{
  background-image:url('images/page-bg-contact.webp') !important;
  background-position:center center !important;
}
.page-products .page-hero h1,
.page-oem .page-hero h1,
.page-packaging .page-hero h1,
.page-about .page-hero h1,
.page-faq .page-hero h1,
.page-contact .page-hero h1{
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.26);
}
.page-products .page-hero p,
.page-oem .page-hero p,
.page-packaging .page-hero p,
.page-about .page-hero p,
.page-faq .page-hero p,
.page-contact .page-hero p{
  color:rgba(255,255,255,.9);
}
.page-products .page-hero .kicker,
.page-oem .page-hero .kicker,
.page-packaging .page-hero .kicker,
.page-about .page-hero .kicker,
.page-faq .page-hero .kicker,
.page-contact .page-hero .kicker{
  color:#d4aa72;
}

/* --- V19 About Us page rebuilt from approved effect layout --- */
.menu a.active{border-color:var(--gold);font-weight:700}
.about-v19{background:#fffaf4}
.about-v19 .topbar{display:none}
.about-v19 .header{position:sticky;top:0;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.about-hero-v19{
  min-height:320px;
  background:
    linear-gradient(90deg,rgba(12,10,8,.72) 0%,rgba(12,10,8,.45) 45%,rgba(12,10,8,.10) 100%),
    url('images/page-bg-about.webp') center center/cover no-repeat;
  display:flex;
  align-items:center;
}
.about-hero-copy-v19{max-width:560px;color:#fff;padding:66px 0}
.about-hero-copy-v19 h1{font-size:62px;line-height:1;margin:0 0 18px;color:#fff}
.about-hero-copy-v19 p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.92);margin:0}
.about-intro-v19{padding:92px 0 70px;background:#fff}
.about-two-v19{
  display:grid;
  grid-template-columns:0.88fr 1.12fr;
  gap:92px;
  align-items:center;
}
.about-copy-v19 h2,.tech-copy-v19 h2,.livanchi-copy-v19 h2,.cta-panel-v19 h2{
  font-size:38px;
  line-height:1.12;
  margin:0 0 28px;
}
.about-copy-v19 p,.tech-copy-v19 p,.livanchi-copy-v19 p{
  color:#493f36;
  line-height:1.78;
  margin:0 0 22px;
  font-size:15.5px;
}
.about-image-v19 img{width:100%;border-radius:16px;box-shadow:0 22px 56px rgba(0,0,0,.08)}
.about-link-v19{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid #caa16d;
  color:#1a1714;
  border-radius:999px;
  padding:12px 24px;
  font-weight:700;
  font-size:14px;
  margin-top:6px;
}
.about-link-v19:hover{background:#1a1714;color:#fff;border-color:#1a1714}
.center-kicker-v19{
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:var(--gold);
  font-weight:800;
  font-size:12px;
  margin-bottom:22px;
}
.about-why-v19{padding:26px 0 72px;background:#fff}
.why-card-v19{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #eadfd2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 50px rgba(83,54,27,.05);
}
.why-item-v19{
  padding:34px 34px 30px;
  display:grid;
  grid-template-columns:44px 1fr;
  column-gap:20px;
  border-right:1px solid #eadfd2;
}
.why-item-v19:last-child{border-right:0}
.why-icon-v19,.tech-icon-v19{
  color:#b98545;
  border:1px solid #d8c0a4;
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
}
.why-item-v19 h3{
  margin:0 0 12px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:0;
  font-size:17px;
  line-height:1.25;
}
.why-item-v19 p{grid-column:2;color:#5d5248;font-size:14px;line-height:1.62;margin:0}
.about-tech-v19{padding:78px 0 72px;background:#fff}
.tech-grid-v19{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:86px;
  align-items:start;
}
.tag-row-v19{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.tag-row-v19 span{
  background:#f1e8de;
  border:1px solid #e5d5c2;
  color:#6d4e2d;
  border-radius:999px;
  padding:7px 13px;
  font-size:12.5px;
}
.tech-card-v19{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  background:#f6efe7;
  border:1px solid #eadfd2;
  border-radius:16px;
  overflow:hidden;
}
.tech-mini-v19{padding:34px 32px;border-right:1px solid #e4d4c2;border-bottom:1px solid #e4d4c2;display:grid;grid-template-columns:46px 1fr;gap:18px}
.tech-mini-v19:nth-child(2n){border-right:0}
.tech-mini-v19:nth-child(n+3){border-bottom:0}
.tech-mini-v19 h3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:0;margin:0 0 8px;font-size:16px}
.tech-mini-v19 p{grid-column:2;margin:0;color:#5c5148;font-size:14px;line-height:1.58}
.about-factory-v19{padding:70px 0 82px;background:#fff}
.factory-gallery-v19{
  display:grid;
  grid-template-columns:1.03fr 1.55fr;
  gap:18px;
  align-items:stretch;
}
.factory-main-v19 img{
  width:100%;
  height:438px;
  object-fit:cover;
  border-radius:14px;
}
.factory-small-v19{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  gap:14px;
}
.factory-small-v19 img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:11px;
}
.factory-note-v19{
  margin:22px 0 0;
  max-width:850px;
  color:#50463c;
  font-size:14.5px;
  line-height:1.8;
}
.livanchi-v19{padding:42px 0 78px;background:#fff}
.livanchi-panel-v19{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:48px;
  align-items:center;
  background:#f8f1e9;
  border:1px solid #eadfd2;
  border-radius:18px;
  padding:46px 52px;
  overflow:hidden;
}
.livanchi-products-v19 img{
  width:100%;
  height:300px;
  object-fit:cover;
  object-position:center right;
  border-radius:12px;
}
.process-v19{padding:54px 0 70px;background:#fff}
.steps-v19{
  display:grid;
  grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr;
  gap:16px;
  align-items:start;
}
.step-v19{text-align:center}
.step-v19 b{
  display:inline-flex;
  width:26px;height:26px;border-radius:50%;
  align-items:center;justify-content:center;
  background:#b88b4f;color:#fff;font-size:13px;margin-bottom:14px;
}
.step-v19 strong{display:block;font-size:15px;margin-bottom:8px}
.step-v19 p{margin:0 auto;color:#5e544b;font-size:13px;line-height:1.55;max-width:140px}
.arrow-v19{text-align:center;color:#c7a679;font-size:30px;padding-top:22px}
.about-cta-v19{padding:0 0 78px;background:#fff}
.cta-panel-v19{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:34px;
  border-radius:16px;
  background:linear-gradient(90deg,#dfc39e,#f4eadc);
  padding:36px 52px;
}
.cta-panel-v19 h2{margin:0 0 8px;font-size:36px}
.cta-panel-v19 p{margin:0;color:#4f4338}
.cta-actions-v19{display:flex;gap:16px;flex-wrap:wrap}
.dark-v19{background:#151515!important;color:#fff!important;border-color:#151515!important}
@media(max-width:980px){
  .about-hero-v19{min-height:260px}
  .about-hero-copy-v19 h1{font-size:46px}
  .about-two-v19,.tech-grid-v19,.livanchi-panel-v19,.factory-gallery-v19{grid-template-columns:1fr;gap:34px}
  .why-card-v19{grid-template-columns:1fr}
  .why-item-v19{border-right:0;border-bottom:1px solid #eadfd2}
  .why-item-v19:last-child{border-bottom:0}
  .tech-card-v19{grid-template-columns:1fr}
  .tech-mini-v19{border-right:0!important;border-bottom:1px solid #e4d4c2!important}
  .tech-mini-v19:last-child{border-bottom:0!important}
  .factory-main-v19 img{height:auto}
  .factory-small-v19{grid-template-columns:1fr 1fr}
  .factory-small-v19 img{height:150px}
  .steps-v19{grid-template-columns:1fr;gap:26px}
  .arrow-v19{display:none}
  .cta-panel-v19{align-items:flex-start;flex-direction:column;padding:30px}
}

/* --- V20 About Us: matched to approved card-style effect image --- */
body.about-v20{
  margin:0;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.95) 0%, rgba(249,247,244,.86) 48%, rgba(233,232,230,.88) 100%);
  color:#161310;
}
.about-page-frame-v20{
  width:min(1280px, calc(100% - 120px));
  margin:34px auto 72px;
  background:#fff;
  border:1px solid #dedbd8;
  box-shadow:0 26px 70px rgba(0,0,0,.14);
  overflow:hidden;
}
.about-v20 .header{
  position:relative;
  top:auto;
  border-bottom:1px solid #ece5dc;
  box-shadow:none;
}
.about-v20 .nav{
  height:70px;
}
.about-v20 .logo{
  font-size:23px;
}
.about-v20 .logo span{
  font-size:8px;
  margin-top:7px;
}
.about-v20 .menu{
  gap:22px;
  font-size:12px;
}
.about-v20 .menu a{
  padding:24px 0;
}
.about-v20 .menu a.active{
  border-bottom:2px solid #b88b4f;
  font-weight:700;
}
.about-v20 .btn{
  font-size:12px;
  padding:10px 19px;
  border-color:#b88b4f;
  color:#a7793f;
}
.about-inner-v20{
  width:min(1040px, calc(100% - 120px));
  margin:0 auto;
}
.about-hero-v20{
  min-height:280px;
  background:
    linear-gradient(90deg,rgba(12,10,8,.70) 0%,rgba(12,10,8,.43) 44%,rgba(12,10,8,.10) 100%),
    url('images/page-bg-about.webp') center center/cover no-repeat;
  display:flex;
  align-items:center;
}
.about-hero-copy-v20{
  max-width:540px;
  color:#fff;
  padding:58px 0;
}
.about-v20 .kicker{
  text-transform:uppercase;
  letter-spacing:.22em;
  color:#b88b4f;
  font-size:11px;
  font-weight:800;
  margin-bottom:15px;
}
.about-hero-copy-v20 h1{
  margin:0 0 16px;
  font-size:52px;
  line-height:1;
  color:#fff;
}
.about-hero-copy-v20 p{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:rgba(255,255,255,.92);
  max-width:470px;
}
.about-main-v20{
  background:#fff;
}
.about-intro-v20{
  padding:72px 0 60px;
}
.about-two-v20{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:78px;
  align-items:center;
}
.about-copy-v20 h2,
.tech-copy-v20 h2,
.livanchi-copy-v20 h2,
.cta-panel-v20 h2{
  margin:0 0 24px;
  font-size:31px;
  line-height:1.16;
}
.about-copy-v20 p,
.tech-copy-v20 p,
.livanchi-copy-v20 p{
  margin:0 0 19px;
  font-size:13px;
  color:#493f36;
  line-height:1.78;
}
.about-image-v20 img{
  width:100%;
  height:325px;
  object-fit:cover;
  border-radius:12px;
}
.about-link-v20{
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid #caa16d;
  color:#1a1714;
  border-radius:999px;
  padding:10px 20px;
  font-weight:700;
  font-size:12px;
  margin-top:4px;
}
.center-kicker-v20{
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:#b88b4f;
  font-size:11px;
  font-weight:800;
  margin-bottom:22px;
}
.about-why-v20{
  padding:0 0 66px;
}
.why-card-v20{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #eadfd2;
  border-radius:9px;
  background:#fff;
  overflow:hidden;
}
.why-item-v20{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:18px;
  padding:28px 28px 26px;
  border-right:1px solid #eadfd2;
}
.why-item-v20:last-child{
  border-right:0;
}
.why-icon-v20,.tech-icon-v20{
  color:#b98545;
  border:1px solid #d8c0a4;
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}
.why-item-v20 h3{
  margin:0 0 10px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:0;
  font-size:14px;
  line-height:1.26;
}
.why-item-v20 p{
  margin:0;
  color:#5d5248;
  font-size:12px;
  line-height:1.62;
}
.about-tech-v20{
  padding:32px 0 62px;
}
.tech-grid-v20{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:70px;
  align-items:start;
}
.tag-row-v20{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.tag-row-v20 span{
  background:#f1e8de;
  border:1px solid #e5d5c2;
  color:#6d4e2d;
  border-radius:999px;
  padding:6px 11px;
  font-size:11px;
  line-height:1;
}
.tech-card-v20{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  background:#f6efe7;
  border:1px solid #eadfd2;
  border-radius:9px;
  overflow:hidden;
}
.tech-mini-v20{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:15px;
  padding:28px 25px;
  border-right:1px solid #e4d4c2;
  border-bottom:1px solid #e4d4c2;
}
.tech-mini-v20:nth-child(2n){border-right:0}
.tech-mini-v20:nth-child(n+3){border-bottom:0}
.tech-mini-v20 h3{
  margin:0 0 6px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:0;
  font-size:13px;
}
.tech-mini-v20 p{
  margin:0;
  color:#5c5148;
  font-size:11.5px;
  line-height:1.56;
}
.about-factory-v20{
  padding:22px 0 58px;
}
.factory-collage-v20 img{
  width:100%;
  height:auto;
  border-radius:4px;
  display:block;
}
.factory-note-v20{
  max-width:800px;
  margin:17px 0 0;
  color:#50463c;
  font-size:11.5px;
  line-height:1.74;
}
.livanchi-v20{
  padding:16px 0 58px;
}
.livanchi-panel-v20{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:42px;
  align-items:center;
  border-radius:9px;
  background:#f8f1e9;
  border:1px solid #eadfd2;
  padding:35px 42px;
  overflow:hidden;
}
.livanchi-products-v20 img{
  width:100%;
  height:245px;
  object-fit:cover;
  object-position:center right;
  border-radius:6px;
}
.process-v20{
  padding:18px 0 55px;
}
.steps-v20{
  display:grid;
  grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr;
  gap:12px;
  align-items:start;
}
.step-v20{
  text-align:center;
}
.step-v20 b{
  display:inline-flex;
  width:24px;
  height:24px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:#b88b4f;
  color:#fff;
  font-size:12px;
  margin-bottom:12px;
}
.step-v20 strong{
  display:block;
  font-size:13px;
  margin-bottom:7px;
}
.step-v20 p{
  margin:0 auto;
  color:#5e544b;
  font-size:10.5px;
  line-height:1.52;
  max-width:118px;
}
.arrow-v20{
  text-align:center;
  color:#c7a679;
  font-size:26px;
  padding-top:18px;
}
.about-cta-v20{
  padding:0 0 55px;
}
.cta-panel-v20{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:34px;
  border-radius:7px;
  background:linear-gradient(90deg,#dfc39e,#f4eadc);
  padding:27px 42px;
}
.cta-panel-v20 h2{
  margin:0 0 6px;
  font-size:31px;
}
.cta-panel-v20 p{
  margin:0;
  color:#4f4338;
  font-size:13px;
}
.cta-actions-v20{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}
.dark-v20{
  background:#151515!important;
  color:#fff!important;
  border-color:#151515!important;
}
.light-v20{
  background:#fff!important;
}
@media(max-width:980px){
  .about-page-frame-v20{width:100%;margin:0;border:0}
  .about-inner-v20{width:calc(100% - 44px)}
  .about-two-v20,.tech-grid-v20,.livanchi-panel-v20{grid-template-columns:1fr;gap:34px}
  .why-card-v20{grid-template-columns:1fr}
  .why-item-v20{border-right:0;border-bottom:1px solid #eadfd2}
  .why-item-v20:last-child{border-bottom:0}
  .tech-card-v20{grid-template-columns:1fr}
  .tech-mini-v20{border-right:0!important;border-bottom:1px solid #e4d4c2!important}
  .tech-mini-v20:last-child{border-bottom:0!important}
  .steps-v20{grid-template-columns:1fr;gap:24px}
  .arrow-v20{display:none}
  .cta-panel-v20{flex-direction:column;align-items:flex-start}
}

/* --- V21 About factory collage replacement: match approved effect image content --- */
.about-v20 .factory-collage-v20 img{
  width:100%;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:4px;
  display:block;
}

/* --- V22 correction: exact approved factory image block --- */
.about-v20 .factory-collage-v20{
  background:#f3eadf;
  border-radius:4px;
  padding:0;
  overflow:hidden;
}
.about-v20 .factory-collage-v20 img{
  width:100%;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  display:block;
}

/* --- V24 OEM/ODM page trust upgrade --- */
.menu a.active{
  border-color:var(--gold);
  font-weight:700;
}
.oem-v24 .page-hero{
  min-height:360px;
}
.oem-intro-v24{
  padding:96px 0 74px;
  background:#fff;
}
.oem-intro-grid-v24{
  display:grid;
  grid-template-columns:1fr 0.92fr;
  gap:86px;
  align-items:center;
}
.oem-intro-copy-v24 h2,
.section-head-v24 h2,
.oem-control-title-v24 h2,
.oem-cta-panel-v24 h2{
  margin:0 0 22px;
  font-size:38px;
  line-height:1.13;
}
.oem-intro-copy-v24 p,
.section-head-v24 p,
.oem-control-title-v24 p,
.oem-cta-panel-v24 p{
  color:#51473d;
  font-size:16px;
  line-height:1.78;
  margin:0 0 26px;
}
.oem-badges-v24{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 30px;
}
.oem-badges-v24 span{
  border:1px solid #e0cfba;
  background:#fffaf4;
  color:#684a2d;
  border-radius:999px;
  padding:9px 15px;
  font-size:13px;
}
.oem-mini-proof-v24{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  border-left:2px solid #d2ad7b;
  padding-left:24px;
}
.oem-mini-proof-v24 div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
}
.oem-mini-proof-v24 strong{
  font-size:15px;
  color:#171310;
}
.oem-mini-proof-v24 small{
  color:#6d6258;
  font-size:13px;
  line-height:1.55;
}
.oem-pack-card-v24{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  background:#f7efe6;
  box-shadow:0 28px 70px rgba(91,64,35,.14);
}
.oem-pack-card-v24 img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.oem-pack-caption-v24{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.55);
}
.oem-pack-caption-v24 strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
}
.oem-pack-caption-v24 span{
  color:#6d6258;
  font-size:12px;
}
.oem-paths-v24{
  padding:82px 0;
  background:#f8f3ed;
}
.section-head-v24{
  max-width:760px;
  margin:0 auto 42px;
  text-align:center;
}
.path-grid-v24{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.path-grid-v24 article{
  background:#fff;
  border:1px solid #eadfd2;
  border-radius:18px;
  padding:34px 32px;
  box-shadow:0 18px 50px rgba(83,54,27,.05);
}
.path-grid-v24 span{
  display:inline-flex;
  color:#b88b4f;
  font-weight:800;
  letter-spacing:.12em;
  font-size:13px;
  margin-bottom:22px;
}
.path-grid-v24 h3{
  margin:0 0 14px;
  font-size:25px;
  line-height:1.18;
}
.path-grid-v24 p{
  margin:0;
  color:#5a5047;
  line-height:1.68;
  font-size:14.5px;
}
.oem-control-v24{
  padding:92px 0;
  background:#fff;
}
.oem-control-grid-v24{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:80px;
  align-items:center;
}
.control-cards-v24{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border:1px solid #eadfd2;
  border-radius:20px;
  overflow:hidden;
  background:#f8f1e9;
}
.control-cards-v24 div{
  padding:32px 30px;
  border-right:1px solid #e4d4c2;
  border-bottom:1px solid #e4d4c2;
}
.control-cards-v24 div:nth-child(2n){
  border-right:0;
}
.control-cards-v24 div:nth-child(n+3){
  border-bottom:0;
}
.control-cards-v24 b{
  display:block;
  font-size:17px;
  margin-bottom:10px;
}
.control-cards-v24 p{
  margin:0;
  color:#5c5148;
  line-height:1.62;
  font-size:14px;
}
.oem-process-v24{
  padding:82px 0;
  background:#fffaf4;
}
.oem-steps-v24{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.oem-steps-v24 div{
  background:#fff;
  border:1px solid #eadfd2;
  border-radius:16px;
  padding:28px 22px;
  min-height:220px;
}
.oem-steps-v24 em{
  display:inline-flex;
  width:34px;
  height:34px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:#b88b4f;
  color:#fff;
  font-style:normal;
  font-weight:800;
  margin-bottom:22px;
}
.oem-steps-v24 strong{
  display:block;
  font-size:16px;
  margin-bottom:10px;
}
.oem-steps-v24 p{
  margin:0;
  color:#5d5248;
  font-size:13.5px;
  line-height:1.6;
}
.oem-cta-v24{
  padding:90px 0;
  background:#fff;
}
.oem-cta-panel-v24{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:48px;
  border-radius:22px;
  background:linear-gradient(90deg,#dfc39e,#f7eadb);
  padding:46px 54px;
}
.oem-cta-panel-v24 h2{
  margin-bottom:10px;
}
.oem-cta-panel-v24 p{
  margin:0;
  max-width:650px;
}
.oem-cta-actions-v24{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media(max-width:980px){
  .oem-intro-grid-v24,
  .oem-control-grid-v24{
    grid-template-columns:1fr;
    gap:42px;
  }
  .path-grid-v24,
  .oem-steps-v24{
    grid-template-columns:1fr;
  }
  .control-cards-v24{
    grid-template-columns:1fr;
  }
  .control-cards-v24 div{
    border-right:0!important;
    border-bottom:1px solid #e4d4c2!important;
  }
  .control-cards-v24 div:last-child{
    border-bottom:0!important;
  }
  .oem-mini-proof-v24 div{
    grid-template-columns:1fr;
    gap:4px;
  }
  .oem-cta-panel-v24{
    flex-direction:column;
    align-items:flex-start;
    padding:34px 28px;
  }
}


/* --- V25 About page hero aligned with OEM/ODM hero width and height --- */
.about-v25{background:#faf8f4;}
.about-v25 .header{position:sticky;top:0;background:#fff;z-index:20;}
.about-v25 .page-hero{min-height:360px;}
.about-v25 .page-hero::before{background:linear-gradient(90deg,rgba(18,14,10,.68) 0%,rgba(18,14,10,.42) 42%,rgba(18,14,10,.15) 100%);}
.about-v25 .page-hero .container{padding-top:34px;padding-bottom:34px;}
.about-v25 .about-main-v20{background:#fff;}
.about-v25 .about-intro-v20{padding-top:74px;}
.about-v25 .about-inner-v20{width:min(1040px, calc(100% - 120px));margin:0 auto;}
@media(max-width:980px){
  .about-v25 .page-hero{min-height:300px;}
  .about-v25 .about-inner-v20{width:calc(100% - 44px);}
}


/* --- V27 About Us factory process image update: use 图片Y natural height ratio --- */
.about-v25 .factory-collage-v20,
.about-v20 .factory-collage-v20 {
  background: transparent !important;
  border-radius: 4px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.about-v25 .factory-collage-v20 img,
.about-v20 .factory-collage-v20 img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 0 !important;
}


/* =========================================================
   V28 / Mobile Optimized Layer
   Desktop V27 visual design is preserved.
   These rules apply only to tablet and mobile widths.
   ========================================================= */

.mobile-menu-toggle{
  display:none;
}

@media (max-width: 900px){
  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  body{
    -webkit-text-size-adjust:100%;
  }

  .container{
    width:calc(100% - 32px) !important;
    max-width:1180px;
  }

  .topbar{
    display:none !important;
  }

  .header{
    position:sticky;
    top:0;
    z-index:999;
    background:#fff;
    border-bottom:1px solid var(--line);
  }

  .nav{
    height:auto !important;
    min-height:66px;
    display:grid !important;
    grid-template-columns:1fr 46px;
    align-items:center;
    justify-content:initial;
    gap:10px 12px;
    padding:12px 0;
  }

  .logo{
    font-size:22px !important;
    letter-spacing:.14em !important;
    line-height:1 !important;
    min-width:0;
  }

  .logo span{
    font-size:8px !important;
    letter-spacing:.2em !important;
    margin-top:6px !important;
    white-space:nowrap;
  }

  .mobile-menu-toggle{
    display:inline-flex !important;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    justify-self:end;
    cursor:pointer;
    padding:0;
    box-shadow:0 8px 24px rgba(26,20,14,.05);
  }

  .mobile-menu-toggle span{
    width:18px;
    height:2px;
    background:var(--ink);
    border-radius:5px;
    transition:transform .2s ease, opacity .2s ease;
  }

  body.lidu-mobile-menu-open .mobile-menu-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  body.lidu-mobile-menu-open .mobile-menu-toggle span:nth-child(2){
    opacity:0;
  }

  body.lidu-mobile-menu-open .mobile-menu-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .menu{
    grid-column:1/-1;
    width:100%;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:8px 0 4px !important;
    border-top:1px solid var(--line);
    font-size:15px !important;
  }

  body.lidu-mobile-menu-open .menu{
    display:flex !important;
  }

  .menu a{
    display:block;
    padding:12px 4px !important;
    border-bottom:1px solid rgba(198,170,132,.22) !important;
    line-height:1.25;
  }

  .menu a.active,
  .menu a:hover{
    color:var(--gold);
    border-color:rgba(198,170,132,.45) !important;
  }

  .nav > .btn{
    grid-column:1/-1;
    width:100%;
    display:none;
    justify-content:center;
    margin-top:6px;
    padding:12px 18px;
  }

  body.lidu-mobile-menu-open .nav > .btn{
    display:inline-flex;
  }

  .hero-poster-wide{
    background:#f6efe6;
    overflow:hidden;
  }

  .hero-poster-wide img{
    width:100%;
    height:auto;
  }

  .hero-hotspot{
    display:none !important;
  }

  .section,
  .product-section,
  .factory-process-section-v15,
  .about-intro-v20,
  .about-why-v20,
  .about-tech-v20,
  .about-factory-v20,
  .livanchi-v20,
  .process-v20,
  .about-cta-v20,
  .oem-intro-v24,
  .oem-control-v24,
  .oem-process-v24,
  .oem-cta-v24{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  .section-head,
  .container.section-head,
  .section-head-v24{
    text-align:left;
  }

  .section-head h2,
  .factory-copy-v15 h2,
  .tech-copy h2,
  .product-info h2,
  .about-copy-v20 h2,
  .tech-copy-v20 h2,
  .livanchi-copy-v20 h2,
  .cta-panel-v20 h2,
  .oem-intro-copy-v24 h2,
  .oem-control-title-v24 h2,
  .section-head-v24 h2{
    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }

  .section-head p,
  .product-info p,
  .about-copy-v20 p,
  .tech-copy-v20 p,
  .livanchi-copy-v20 p,
  .oem-intro-copy-v24 p,
  .section-head-v24 p{
    font-size:16px !important;
    line-height:1.72 !important;
  }

  .grid-2,
  .grid-3,
  .grid-4,
  .feature-list,
  .process,
  .footer-grid,
  .form-grid,
  .product-row,
  .product-row.reverse,
  .container.grid-2,
  .container.grid-4,
  .container.product-row,
  .container.product-row.reverse,
  .oem-intro-grid-v24,
  .oem-control-grid-v24,
  .path-grid-v24,
  .oem-steps-v24,
  .control-cards-v24,
  .about-two-v20,
  .tech-grid-v20,
  .livanchi-panel-v20,
  .steps-v20,
  .factory-copy-v15{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .product-row.reverse .product-media{
    order:0 !important;
  }

  .page-hero{
    min-height:280px !important;
    padding:48px 0 !important;
    background-position:center center !important;
  }

  .page-hero h1{
    font-size:40px !important;
    line-height:1.05 !important;
    margin-bottom:12px !important;
  }

  .page-hero p{
    font-size:16px !important;
    line-height:1.65 !important;
    max-width:100% !important;
  }

  .about-v25 .page-hero{
    min-height:280px !important;
  }

  .about-v25 .page-hero .container{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }

  .about-inner-v20{
    width:calc(100% - 32px) !important;
  }

  .about-image-v20 img,
  .product-media,
  .split-img,
  .factory-collage-v20,
  .factory-large-v15,
  .oem-pack-card-v24{
    border-radius:18px !important;
  }

  .factory-divider-v15{
    display:none !important;
  }

  .factory-small-grid-v15{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
  }

  .factory-small-grid-v15 img{
    aspect-ratio:1/1;
    height:auto !important;
    object-fit:cover;
  }

  .factory-large-v15 img,
  .factory-collage-v20 img,
  .about-v20 .factory-collage-v20 img,
  .about-v25 .factory-collage-v20 img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .product-media img,
  .split-img img,
  .about-image-v20 img,
  .livanchi-products-v20 img{
    height:auto !important;
  }

  .feature,
  .card,
  .why-card-v20,
  .tech-card-v20,
  .step-v20,
  .oem-paths-v24,
  .oem-mini-proof-v24,
  .form{
    border-radius:18px !important;
  }

  .card .pad,
  .product-card .pad{
    padding:20px !important;
  }

  .product-card h3,
  .feature h3,
  .why-card-v20 h3,
  .tech-card-v20 h3,
  .step-v20 h3{
    font-size:22px !important;
    line-height:1.18 !important;
  }

  .table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .table th,
  .table td{
    min-width:130px;
    padding:13px !important;
  }

  .form{
    padding:20px !important;
  }

  .input input,
  .input textarea,
  input,
  textarea{
    font-size:16px !important;
  }

  .btn{
    min-height:44px;
  }

  .cta-actions-v20,
  .oem-cta-actions-v24{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }

  .cta-actions-v20 .btn,
  .oem-cta-actions-v24 .btn{
    width:100%;
  }

  .footer{
    padding-top:44px !important;
    padding-bottom:34px !important;
  }
}

@media (max-width: 520px){
  .container{
    width:calc(100% - 28px) !important;
  }

  .logo{
    font-size:20px !important;
    letter-spacing:.12em !important;
  }

  .logo span{
    font-size:7.5px !important;
    letter-spacing:.18em !important;
  }

  .page-hero{
    min-height:250px !important;
    padding:40px 0 !important;
  }

  .page-hero h1{
    font-size:34px !important;
  }

  .section-head h2,
  .factory-copy-v15 h2,
  .tech-copy h2,
  .product-info h2,
  .about-copy-v20 h2,
  .tech-copy-v20 h2,
  .livanchi-copy-v20 h2,
  .cta-panel-v20 h2,
  .oem-intro-copy-v24 h2,
  .oem-control-title-v24 h2,
  .section-head-v24 h2{
    font-size:30px !important;
  }

  .hero-poster-wide img{
    min-height:360px;
    object-fit:cover;
    object-position:center top;
  }

  .factory-small-grid-v15{
    grid-template-columns:1fr 1fr !important;
  }

  .factory-small-grid-v15 img{
    border-radius:12px !important;
  }

  .form{
    padding:18px !important;
  }
}