:root{--ld-gold:#d8b15d;--ld-green:#0d3429;--ld-black:#050706;--ld-paper:#f3f2ee}
html{scroll-behavior:smooth}
body.admin-bar .site-header{top:32px}
.site-header{z-index:1000}
.site-nav .menu{display:flex;align-items:center;gap:clamp(14px,1.5vw,28px);margin:0;padding:0;list-style:none}
.site-nav .menu>li{position:relative;margin:0}
.site-nav .menu a{display:block;color:inherit;text-decoration:none;white-space:nowrap}
.site-nav .sub-menu{display:none;position:absolute;top:100%;left:-18px;min-width:250px;padding:16px 18px;margin:0;background:#08100d;border:1px solid rgba(216,177,93,.35);list-style:none;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:grid;gap:12px}
.ld-cms-hero{position:relative;min-height:88vh;display:flex;align-items:end;overflow:hidden;background:linear-gradient(90deg,rgba(2,6,5,.93),rgba(2,6,5,.36)),var(--ld-hero-image) center/cover no-repeat;color:#fff}
.ld-cms-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,24,18,.45),transparent 55%);pointer-events:none}
.ld-cms-hero-content{position:relative;z-index:1;padding-top:190px;padding-bottom:110px}
.ld-cms-hero h1{max-width:930px;font-size:clamp(48px,7vw,112px);line-height:.92;letter-spacing:-.05em;margin:22px 0}
.ld-cms-hero .lead{max-width:750px;font-size:clamp(17px,1.5vw,24px);line-height:1.55;color:rgba(255,255,255,.82)}
.ld-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ld-system-grid .family-card,.ld-product-card,.ld-project-card,.ld-service-grid>a{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.ld-system-grid .family-card:hover,.ld-product-card:hover,.ld-project-card:hover,.ld-service-grid>a:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(4,20,15,.15)}
.ld-system-grid .family-image{aspect-ratio:4/3;overflow:hidden;background:#0b1512}
.ld-system-grid .family-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ld-system-grid .family-card:hover img{transform:scale(1.04)}
.ld-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ld-product-card{display:flex;flex-direction:column;min-height:100%;background:#fff;color:#101714;text-decoration:none;border:1px solid rgba(14,43,34,.12)}
.section-dark .ld-product-card{background:#0b1713;color:#fff;border-color:rgba(255,255,255,.12)}
.ld-product-media{aspect-ratio:4/3;overflow:hidden;padding:16px;background:linear-gradient(145deg,#fff,#edf0eb)}
.ld-product-media img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .55s ease}
.ld-product-card:hover .ld-product-media img{transform:scale(1.025)}
.ld-product-card>div:last-child{padding:22px;display:flex;flex:1;flex-direction:column}
.ld-product-card small{color:var(--ld-gold);font-size:11px;letter-spacing:.12em}
.ld-product-card h3{min-height:50px;margin:11px 0 9px;font-size:21px;line-height:1.18}
.ld-product-card p{min-height:72px;margin-bottom:18px;display:-webkit-box;overflow:hidden;opacity:.68;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.ld-product-card-specs{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}
.ld-product-card-specs>span{max-width:100%;margin:0!important;padding:7px 9px;display:inline-flex;gap:6px;overflow:hidden;border:1px solid rgba(14,43,34,.13);color:#4f5d57;font-size:10px;font-weight:600!important;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.ld-product-card-specs>span b{color:#173c30;font-weight:800}
.ld-product-open{margin-top:18px!important;padding-top:15px;border-top:1px solid rgba(14,43,34,.12);font-weight:700}
.ld-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ld-service-grid>a{display:block;padding:40px;min-height:280px;border:1px solid rgba(14,43,34,.14);text-decoration:none;color:inherit;background:linear-gradient(145deg,#fff,#f3f0e8)}
.ld-service-grid>a>span{display:block;color:var(--ld-gold);font-size:48px;font-weight:300}
.ld-service-grid h3{font-size:27px;margin:35px 0 12px}
.ld-service-grid p{line-height:1.6;opacity:.7}
.ld-page-content{max-width:min(1440px,var(--container));font-size:18px;line-height:1.75}
.ld-page-content h2{font-size:clamp(32px,4vw,58px);letter-spacing:-.04em;margin:1.3em 0 .4em}
.ld-page-content img{max-width:100%;height:auto}
.ld-page-with-image,.single-ld_project .page-hero{background-image:linear-gradient(90deg,rgba(0,8,6,.9),rgba(0,8,6,.3)),var(--ld-page-image);background-size:cover;background-position:center}
.ld-product-filter{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:14px;align-items:end}
.ld-product-system-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:34px;background:rgba(255,255,255,.12)}
.ld-product-system-links>a{position:relative;min-height:126px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:#fff;background:#101714;text-decoration:none;transition:background .25s ease,color .25s ease,transform .25s ease}
.ld-product-system-links>a:hover,.ld-product-system-links>a:focus-visible,.ld-product-system-links>a.is-current{z-index:1;color:#fff;background:#173c30;transform:translateY(-4px)}
.ld-product-system-links strong{color:var(--ld-gold);font-size:23px;font-weight:500}
.ld-product-system-links a>span:last-child{position:absolute;top:16px;right:16px;color:var(--ld-gold);font-size:13px;transition:transform .2s ease}
.ld-product-system-links>a:hover>span:last-child{transform:translate(3px,-3px)}
.ld-product-filter label{display:grid;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.ld-product-filter input,.ld-product-filter select{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.22);background:#101a17;color:#fff;padding:0 14px}
.ld-pagination{display:flex;gap:8px;justify-content:center;margin-top:48px}
.ld-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid rgba(14,43,34,.2);text-decoration:none;color:inherit}
.ld-pagination .current{background:var(--ld-green);color:#fff}
.ld-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ld-project-card{position:relative;min-height:480px;overflow:hidden;color:#fff;text-decoration:none;background:#0a1713}
.ld-project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .6s ease}
.ld-project-card:hover img{transform:scale(1.05)}
.ld-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,9,6,.95),transparent 70%)}
.ld-project-card>div{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:28px}
.ld-project-card small{color:var(--ld-gold);letter-spacing:.12em}
.ld-project-card h3{font-size:26px;margin:10px 0}
.ld-contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.ld-contact-list{display:grid;gap:10px;margin-top:28px}
.ld-contact-list>a,.ld-contact-list>div{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid rgba(14,43,34,.15);text-decoration:none;color:inherit}
.ld-contact-list strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#82704c}
.ld-inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:34px;background:#f0eee7;border:1px solid rgba(14,43,34,.12)}
.ld-inquiry-form label{display:grid;gap:7px;font-size:13px;font-weight:700}
.ld-inquiry-form label.full,.ld-inquiry-form .ld-form-status,.ld-inquiry-form button{grid-column:1/-1}
.ld-inquiry-form input,.ld-inquiry-form textarea,.ld-inquiry-form select{width:100%;border:1px solid rgba(14,43,34,.18);background:#fff;padding:13px 14px;font:inherit}
.ld-inquiry-form textarea{min-height:130px;resize:vertical}
.ld-form-status{min-height:24px}
.smart-page-card{cursor:zoom-in}
.ld-lightbox{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:40px;background:rgba(0,0,0,.92)}
.ld-lightbox[hidden]{display:none}
.ld-lightbox img{max-width:min(1400px,92vw);max-height:88vh;object-fit:contain}
.ld-lightbox button{position:absolute;top:20px;right:24px;width:50px;height:50px;border:1px solid rgba(255,255,255,.4);background:#050706;color:#fff;font-size:28px;cursor:pointer}
.footer-links .menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none}
.footer-links a{color:inherit;text-decoration:none}
.lang-content[hidden]{display:none!important}
.ld-source-transcript{margin-top:24px;border:1px solid rgba(14,43,34,.16);background:#f7f7f3}
.ld-source-transcript summary{cursor:pointer;padding:16px 18px;font-weight:700;color:#0d3429}
.ld-source-transcript pre{max-height:440px;overflow:auto;margin:0;padding:20px;white-space:pre-wrap;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef1ed;color:#21302b}
.ld-product-sheet-section{background:#eef1ed}
.ld-product-sheet{display:block;padding:18px;background:#fff;border:1px solid rgba(14,43,34,.14);box-shadow:0 26px 70px rgba(4,20,15,.12);transition:transform .35s ease,box-shadow .35s ease}
.ld-product-sheet:hover{transform:translateY(-5px);box-shadow:0 34px 86px rgba(4,20,15,.18)}
.ld-product-sheet img{display:block;width:100%;height:auto}
.ld-catalogue-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ld-catalogue-gallery>a{display:block;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:#07100d;transition:transform .35s ease,border-color .35s ease}
.ld-catalogue-gallery>a:hover{transform:translateY(-6px);border-color:rgba(216,177,93,.75)}
.ld-catalogue-gallery img{display:block;width:100%;aspect-ratio:2.38/1;object-fit:cover}
.ld-catalogue-gallery span{display:block;padding:14px 16px;color:var(--ld-gold);font-size:13px;letter-spacing:.04em}
.ld-empty{padding:40px;border:1px dashed rgba(14,43,34,.24);text-align:center}
@media(max-width:1180px){.site-nav{position:fixed;inset:78px 0 0;background:#07100d;padding:30px;transform:translateX(100%);transition:transform .3s ease;overflow:auto}.site-nav.open{transform:none}.site-nav .menu{display:grid;gap:0}.site-nav .menu>li{border-bottom:1px solid rgba(255,255,255,.12)}.site-nav .menu a{padding:16px 0}.nav-toggle{display:block}.header-inquiry{display:none}.ld-system-grid{grid-template-columns:repeat(2,1fr)}.ld-product-grid{grid-template-columns:repeat(3,1fr)}.ld-product-system-links{grid-template-columns:repeat(4,1fr)}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}.ld-cms-hero{min-height:760px}.ld-cms-hero-content{padding-top:150px;padding-bottom:70px}.ld-cms-hero h1{font-size:clamp(46px,15vw,72px)}.ld-system-grid,.ld-product-grid,.ld-service-grid,.ld-project-grid,.ld-contact-layout,.ld-catalogue-gallery{grid-template-columns:1fr}.ld-product-filter{grid-template-columns:1fr}.ld-product-system-links{grid-template-columns:repeat(2,1fr)}.ld-product-system-links>a{min-height:108px}.ld-inquiry-form{grid-template-columns:1fr;padding:22px}.ld-inquiry-form label,.ld-inquiry-form label.full,.ld-inquiry-form .ld-form-status,.ld-inquiry-form button{grid-column:1}.footer-links .menu{grid-template-columns:1fr 1fr}.ld-project-card{min-height:380px}}

/* SenYuan 1.6 — full-width alignment and black / gold / logo-green system */
:root {
  --brand-black: #050706;
  --brand-gold: #d8b15d;
  --brand-green: #0fab43;
  --brand-green-ink: #087a34;
  --brand-green-soft: #6edc91;
  --ink: var(--brand-black);
  --gold: var(--brand-gold);
  --gold-light: #ead39a;
  --green: var(--brand-green);
  --ld-black: var(--brand-black);
  --ld-gold: var(--brand-gold);
  --ld-green: var(--brand-green);
  --muted: #315d43;
  --line: rgba(5, 7, 6, .14);
  --container: calc(100% - clamp(24px, 2.4vw, 44px));
}

body { color: var(--brand-black); }
.container,
.ld-page-content { width: var(--container); max-width: none; margin-inline: auto; }

/* One shared horizontal and vertical grid for every page. */
.header-inner { min-height: 84px; gap: clamp(12px, 1.5vw, 24px); }
.brand { flex-basis: clamp(168px, 14vw, 192px); }
.brand img { width: clamp(168px, 14vw, 184px); }
.site-nav { align-self: stretch; gap: clamp(14px, 1.5vw, 24px); }
.site-nav .menu { height: 100%; align-items: stretch; gap: clamp(13px, 1.45vw, 25px); }
.site-nav .menu > li,
.site-nav .nav-item { display: flex; align-items: center; }
.site-nav .menu > li > a,
.site-nav .nav-item > a { height: 84px; padding: 0; display: inline-flex; align-items: center; color: var(--brand-green); font-weight: 760; }
.site-nav a::after { bottom: 16px; background: var(--brand-gold); }
.site-nav .nav-item:hover > a,
.site-nav .nav-item:focus-within > a,
.site-nav .current-menu-item > a,
.site-nav .current-menu-ancestor > a { color: var(--brand-gold); text-shadow: 0 0 18px rgba(216, 177, 93, .28); }
.nav-subtoggle,
.language-switch,
.language-switch .current,
.language-switch .other,
.sound-toggle { color: var(--brand-green); }
.language-switch .sep { color: rgba(216, 177, 93, .62); }
.sound-toggle { border-color: rgba(15, 171, 67, .36); background: rgba(15, 171, 67, .06); }
.sound-toggle:hover,
.sound-toggle:focus-visible { color: var(--brand-gold); border-color: rgba(216, 177, 93, .72); }
.sound-icon { color: var(--brand-gold); }

.nav-dropdown { background: rgba(5, 7, 6, .985); border-color: rgba(15, 171, 67, .34); }
.nav-dropdown-head strong { color: var(--brand-gold); }
.nav-dropdown-head span,
.site-nav .nav-dropdown-head > a,
.nav-dropdown a small { color: rgba(110, 220, 145, .70); }
.site-nav .nav-dropdown a,
.nav-dropdown a strong { color: var(--brand-green); }
.site-nav .nav-dropdown a:hover,
.site-nav .nav-dropdown a:focus-visible { color: var(--brand-gold); background: rgba(15, 171, 67, .12); }
.nav-dropdown a > span { color: var(--brand-gold); }

.page-hero { min-height: clamp(520px, 67vh, 640px); }
.hero-products { min-height: clamp(540px, 69vh, 620px); }
.page-hero-content,
.hero-products .page-hero-content { padding-top: clamp(152px, 18vh, 188px); padding-bottom: clamp(64px, 8vh, 88px); }
.ld-cms-hero { min-height: clamp(560px, 76vh, 760px); }
.ld-cms-hero-content { padding-top: clamp(152px, 18vh, 184px); padding-bottom: clamp(64px, 8vh, 88px); }
.detail-hero-compact { min-height: clamp(500px, 64vh, 580px); }
.breadcrumb { margin-bottom: 24px; color: rgba(110, 220, 145, .72); }
.breadcrumb span:last-child,
.eyebrow,
.section-dark .eyebrow { color: var(--brand-green); }

.section { padding: clamp(68px, 6.2vw, 92px) 0; }
.section-head { margin-bottom: clamp(32px, 3.6vw, 48px); gap: clamp(32px, 4.8vw, 64px); }
.section-head > p,
.split-copy > p,
.prose,
.fact span,
.process-card p,
.detail-item p,
.mode-card p,
.content-stack p,
.application-detail > p,
.application-detail li,
.contact-map-link span:first-child { color: var(--brand-green-ink); }
.section-dark .section-head > p,
.section-green .section-head > p,
.section-dark .split-copy > p,
.section-dark .process-card p,
.section-dark .detail-item p,
.capability-link p,
.content-point p { color: rgba(110, 220, 145, .72); }
.fact-grid { margin-top: clamp(40px, 4vw, 56px); }
.fact strong,
.family-number,
.catalog-card-family,
.feature-card .icon,
.process-card .num,
.detail-item .num,
.mode-card .mode,
.capability-link .num,
.application-detail .num,
.content-point span { color: var(--brand-green); }

/* Products: aligned cards, compact whitespace, green model and supporting text. */
.ld-system-grid,
.ld-product-grid,
.ld-project-grid,
.ld-service-grid,
.product-family-grid,
.catalog-grid { gap: clamp(14px, 1.4vw, 18px); align-items: stretch; }
.ld-product-system-links { margin-bottom: clamp(22px, 2.5vw, 30px); }
.ld-product-system-links > a { min-height: 108px; padding: 17px; }
.ld-product-system-links > a:hover,
.ld-product-system-links > a:focus-visible,
.ld-product-system-links > a.is-current { background: var(--brand-black); box-shadow: inset 0 -3px 0 var(--brand-green); }
.ld-product-system-links strong { color: var(--brand-green); font-size: 21px; }
.ld-product-system-links a > span:last-child { color: var(--brand-gold); }
.ld-product-filter { gap: 12px; }
.ld-product-filter label { color: var(--brand-green-soft); }
.ld-product-filter input,
.ld-product-filter select { border-color: rgba(15, 171, 67, .38); background: var(--brand-black); }
.ld-product-card > div:last-child { padding: 18px; }
.ld-product-media { padding: 12px; }
.ld-product-card small,
.ld-project-card small,
.catalog-card-model,
.emotion-series-copy > span,
.emotion-model > span,
.series-pagination small,
.download-copy > span { color: var(--brand-green-ink); font-weight: 800; }
.section-dark .ld-product-card small,
.section-dark .ld-project-card small { color: var(--brand-green); }
.ld-product-card h3 { min-height: 46px; margin: 9px 0 7px; }
.ld-product-card p { min-height: 60px; margin: 0 0 14px; color: var(--brand-green-ink); opacity: 1; }
.ld-product-card-specs { gap: 6px; }
.ld-product-card-specs > span { padding: 6px 8px; color: var(--brand-green-ink); border-color: rgba(15, 171, 67, .25); }
.ld-product-card-specs > span b { color: var(--brand-green-ink); }
.ld-product-open { margin-top: 14px !important; padding-top: 12px; color: #86651f; border-color: rgba(216, 177, 93, .38); }
.catalog-card-body { min-height: 205px; padding: 18px; }
.catalog-card h3 { margin: 14px 0 7px; }
.catalog-card-link { padding-top: 18px; color: #86651f; }
.ld-pagination { margin-top: clamp(30px, 3.4vw, 42px); }
.ld-pagination .current { color: var(--brand-black); background: var(--brand-gold); border-color: var(--brand-gold); }

.product-count-band { margin-bottom: clamp(42px, 4.5vw, 58px); }
.application-detail-grid { margin-top: clamp(42px, 4.5vw, 56px); }
.series-pagination { margin-top: clamp(34px, 3.5vw, 46px); }
.footer-top { gap: clamp(36px, 5vw, 68px); }
.footer-brand p,
.footer-links a,
.footer-contact span,
.footer-contact a,
.footer-bottom { color: rgba(110, 220, 145, .70); }
.footer-contact strong { color: var(--brand-green); }
.footer-links a:hover,
.footer-contact a:hover { color: var(--brand-gold); }

/* Keep all secondary labels inside the same logo-green family. */
main small,
.product-count-band span,
.emotion-series-copy > span,
.series-pagination small,
.smart-group-nav span,
.smart-page-card figcaption span,
.smart-page-card figcaption b,
.download-copy > span,
.contact-channel small,
.contact-channel span,
.ld-contact-list strong,
.ld-source-transcript summary { color: var(--brand-green-ink); }
.section-dark small,
.section-green small,
.page-hero small,
.ld-cms-hero small,
.section-dark .product-count-band span,
.smart-group-nav span,
.smart-page-card figcaption span,
.smart-page-card figcaption b { color: var(--brand-green); }
.family-body p,
.spec-row span,
.feature-card p,
.emotion-model p,
.smart-page-card figcaption,
.product-count-band-dark span { color: rgba(110, 220, 145, .72); }
.ld-service-grid p,
.emotion-series-copy p,
.emotion-detail-copy > p:not(.eyebrow),
.download-copy p { color: var(--brand-green-ink); opacity: 1; }
.page-hero::before {
  background:
    linear-gradient(90deg, rgba(5, 7, 6, .97), rgba(5, 7, 6, .68) 50%, rgba(5, 7, 6, .28)),
    radial-gradient(circle at 78% 50%, rgba(15, 171, 67, .25), transparent 34%);
}
.emotion-hero,
.smart-home-hero,
.downloads-hero {
  background-image:
    linear-gradient(90deg, rgba(5, 7, 6, .97), rgba(5, 7, 6, .63)),
    radial-gradient(circle at 80% 34%, rgba(15, 171, 67, .34), transparent 36%),
    radial-gradient(circle at 88% 76%, rgba(216, 177, 93, .26), transparent 30%);
}
.nav-toggle { color: var(--brand-green); border-color: rgba(15, 171, 67, .45); }
.nav-toggle span,
.nav-toggle::before,
.nav-toggle::after { background: var(--brand-green); }

@media (max-width: 1180px) {
  .site-nav { inset: 78px 0 0; padding: 22px; background: var(--brand-black); }
  .site-nav .menu { height: auto; }
  .site-nav .menu > li,
  .site-nav .nav-item { align-items: stretch; }
  .site-nav .menu > li > a,
  .site-nav .nav-item > a { height: 58px; padding: 0; }
  .nav-subtoggle { color: var(--brand-green); }
  .ld-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 782px) {
  :root { --container: calc(100% - 28px); }
  .header-inner { min-height: 76px; }
  .brand { flex-basis: 156px; }
  .brand img { width: 156px; }
  .page-hero,
  .hero-products,
  .ld-cms-hero { min-height: 540px; }
  .page-hero-content,
  .hero-products .page-hero-content,
  .ld-cms-hero-content { padding-top: 138px; padding-bottom: 58px; }
  .section { padding: 56px 0; }
  .section-head { margin-bottom: 30px; gap: 24px; }
  .ld-product-system-links { gap: 1px; }
  .ld-product-system-links > a { min-height: 96px; padding: 14px; }
  .ld-product-grid { grid-template-columns: 1fr; gap: 14px; }
  .ld-product-card > div:last-child,
  .catalog-card-body { padding: 16px; }
  .footer-top { gap: 32px; }
}

/* SenYuan 1.7 — user-supplied Shenzhen backgrounds in requested order */
.home .ld-cms-hero {
  background-position: center 52%;
}
.page-hero[class*="hero-page-"],
.page-hero.hero-products-qianhai,
.page-hero.hero-about,
.page-hero.hero-projects,
.page-hero.downloads-hero,
.page-hero.hero-contact,
.page-hero.smart-home-hero {
  background-size: cover;
  background-repeat: no-repeat;
}
.page-hero[class*="hero-page-"] {
  background-image: url("../images/shenzhen/user-12-default.webp");
  background-position: center 54%;
}
.page-hero.hero-products-qianhai {
  background-image: url("../images/shenzhen/user-02-products.webp");
  background-position: center 52%;
}
.page-hero.hero-about {
  background-image: url("../images/shenzhen/user-03-factory-about.webp");
  background-position: center 54%;
}
.page-hero.hero-projects {
  background-image: url("../images/shenzhen/user-04-projects.webp");
  background-position: center 55%;
}
.page-hero.hero-page-design-service {
  background-image: url("../images/shenzhen/user-05-design.webp");
  background-position: center 56%;
}
.page-hero.hero-page-technical-training {
  background-image: url("../images/shenzhen/user-06-training.webp");
  background-position: center 54%;
}
.page-hero.downloads-hero {
  background-image: url("../images/shenzhen/user-07-downloads.webp");
  background-position: center 56%;
}
.page-hero.hero-contact {
  background-image: url("../images/shenzhen/user-09-contact.webp");
  background-position: center 54%;
}
.page-hero.smart-home-hero {
  background-image: url("../images/shenzhen/user-10-smart-home.webp");
  background-position: center 54%;
}
.page-hero.hero-page-member-center {
  background-image: url("../images/shenzhen/user-11-member.webp");
  background-position: center 52%;
}

/* SenYuan 1.8.1 — reliable full-height mobile navigation drawer */
@media (max-width: 1180px) {
  .site-header { overflow: visible; }
  .site-header .header-inner { position: relative; }
  .site-nav {
    position: fixed;
    z-index: 1200;
    top: 78px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: calc(100dvh - 78px);
    min-height: 0;
    margin: 0;
    padding: 18px clamp(18px, 5vw, 42px) 46px;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: rgba(5, 7, 6, .99);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(100%);
    transition: transform .28s ease, opacity .2s ease, visibility 0s linear .28s;
    -webkit-overflow-scrolling: touch;
  }
  .site-nav.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: 0s;
  }
  .site-nav .menu {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
  }
  .site-nav .menu > li,
  .site-nav .nav-item {
    width: 100%;
    min-height: 62px;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 56px;
    align-items: stretch;
    border-bottom: 1px solid rgba(110, 220, 145, .18);
  }
  .site-nav .menu > li:not(.nav-item) { display: block; }
  .site-nav .menu > li > a,
  .site-nav .nav-item > a {
    width: 100%;
    height: auto;
    min-height: 62px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    color: #fff;
    border: 0;
    font-size: clamp(16px, 4.3vw, 20px);
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
  }
  .nav-subtoggle {
    width: 56px;
    height: 62px;
    min-width: 56px;
    margin: 0;
    display: grid;
    place-items: center;
    color: var(--brand-green);
    border: 0;
    background: transparent;
    font-size: 24px;
  }
  .nav-subtoggle span { transition: transform .2s ease; }
  .nav-item.open > .nav-subtoggle span { transform: rotate(180deg); }
  .nav-dropdown,
  .nav-dropdown-wide,
  .site-nav .sub-menu {
    position: static;
    width: 100%;
    min-width: 0;
    grid-column: 1 / -1;
    margin: 0;
    padding: 8px 0 16px 16px;
    display: none;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: #08100d;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
  .site-nav .nav-item.open > .nav-dropdown,
  .site-nav .nav-item.open > .nav-dropdown-wide,
  .site-nav .nav-item.open > .sub-menu { display: block; }
  .site-nav .nav-dropdown a,
  .site-nav .sub-menu a {
    min-height: 48px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.35;
    white-space: normal;
  }
  .nav-toggle {
    position: relative;
    z-index: 1300;
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(15, 171, 67, .68);
  }
  .nav-toggle[aria-expanded="true"] span { opacity: 0; }
  .nav-toggle[aria-expanded="true"]::before { transform: translateY(1px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"]::after { transform: translateY(0) rotate(-45deg); }
  body.nav-open .ld-member-fab {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(120%);
  }
}

@media (max-width: 782px) {
  body.admin-bar .site-nav { top: 122px; height: calc(100dvh - 122px); }
  .site-nav { top: 76px; height: calc(100dvh - 76px); }
  .header-actions { margin-left: auto; gap: 7px; }
  .language-switch { padding-inline: 4px; font-size: 12px; }
  .sound-toggle { display: none; }
}

@media (max-width: 420px) {
  .brand { flex: 0 1 138px; min-width: 0; }
  .brand img { width: 138px; max-width: 100%; }
  .header-inner { gap: 8px; }
  .nav-toggle { width: 46px; height: 46px; min-width: 46px; }
}
.page-hero.hero-page-default {
  background-image: url("../images/shenzhen/user-12-default.webp");
}
.page-hero[class*="hero-page-"]::before,
.page-hero.hero-products-qianhai::before,
.page-hero.hero-about::before,
.page-hero.hero-projects::before,
.page-hero.hero-page-design-service::before,
.page-hero.hero-page-technical-training::before,
.page-hero.downloads-hero::before,
.page-hero.hero-contact::before,
.page-hero.smart-home-hero::before,
.page-hero.hero-page-member-center::before {
  background:
    linear-gradient(90deg, rgba(5, 7, 6, .96) 0%, rgba(5, 7, 6, .82) 34%, rgba(5, 7, 6, .43) 62%, rgba(5, 7, 6, .18) 100%),
    linear-gradient(0deg, rgba(5, 7, 6, .48), transparent 58%);
}

@media (max-width: 782px) {
  .home .ld-cms-hero,
  .page-hero[class*="hero-page-"],
  .page-hero.hero-products-qianhai,
  .page-hero.hero-about,
  .page-hero.hero-projects,
  .page-hero.hero-page-design-service,
  .page-hero.hero-page-technical-training,
  .page-hero.downloads-hero,
  .page-hero.hero-contact,
  .page-hero.smart-home-hero,
  .page-hero.hero-page-member-center { background-position: 64% 50%; }
}

/* SenYuan 1.7.1 — smaller, cleaner hero typography throughout the site */
.ld-cms-hero h1 {
  max-width: none;
  font-size: clamp(42px, 5.25vw, 76px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

[data-lang="zh"] .home .ld-cms-hero h1 {
  white-space: nowrap;
}

.page-hero h1,
.product-detail-hero h1 {
  max-width: min(860px, 78vw);
  font-size: clamp(40px, 5vw, 76px);
  line-height: 1.02;
  letter-spacing: -.04em;
}

@media (max-width: 782px) {
  .ld-cms-hero h1,
  .page-hero h1,
  .product-detail-hero h1 {
    max-width: 100%;
    font-size: clamp(34px, 11.5vw, 52px);
    line-height: 1.08;
  }

  [data-lang="zh"] .home .ld-cms-hero h1 {
    white-space: normal;
  }
}

/* SenYuan 1.8 — tighter home transition and compact product specifications */
.ld-home-intro {
  padding-top: clamp(32px, 3vw, 46px);
  padding-bottom: clamp(24px, 2.4vw, 38px);
}

.ld-home-intro + .section {
  padding-top: clamp(28px, 2.8vw, 44px);
}

.product-technical-data {
  padding-top: clamp(38px, 3.8vw, 58px);
  padding-bottom: clamp(38px, 3.8vw, 58px);
}

.product-technical-actions {
  margin-bottom: 18px;
  display: flex;
  justify-content: flex-end;
}

.product-technical-data .spec-item {
  min-height: 92px;
  padding: 22px 26px;
  align-items: center;
}

@media (max-width: 782px) {
  .ld-home-intro {
    padding-top: 28px;
    padding-bottom: 22px;
  }

  .ld-home-intro + .section {
    padding-top: 24px;
  }

  .product-technical-actions {
    justify-content: flex-start;
  }
}