/*
Theme Name: Laisi B2B Theme
Theme URI: https://example.com/
Author: Zhongshan Laisi Lighting Co., Ltd.
Description: Professional architectural LED lighting B2B WordPress theme.
Version: 0.3.0
Text Domain: laisi-b2b
*/

:root { --ink:#111; --muted:#6d6961; --line:#ddd9d1; --paper:#f7f6f2; --warm:#a9874f; --steel:#424a50; --max:1220px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial,Helvetica,sans-serif; line-height:1.55; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
button,input,textarea,select { font:inherit; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:rgba(255,255,255,.97); }
.nav { max-width:var(--max); min-height:76px; margin:0 auto; padding:12px 22px; display:flex; align-items:center; gap:24px; }
.brand { flex:0 0 auto; text-decoration:none; font-size:18px; font-weight:700; }
.brand span { display:block; max-width:300px; color:var(--muted); font-size:11px; font-weight:500; }
.nav-links { margin-left:auto; }
.menu { display:flex; align-items:center; gap:18px; margin:0; padding:0; list-style:none; }
.menu a,.search-link { color:#2c2925; text-decoration:none; font-size:15px; white-space:nowrap; }
.menu a { position:relative; display:block; padding:8px 0; }
.menu a::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--warm); transform:scaleX(0); transform-origin:center; transition:transform .18s ease; }
.menu a:hover,.menu a:focus-visible,.search-link:hover,.search-link:focus-visible { color:var(--warm); }
.menu a:hover::after,.menu a:focus-visible::after,.menu .current-menu-item>a::after,.menu .current-menu-ancestor>a::after,.menu a[aria-current="page"]::after { transform:scaleX(1); }
.menu .current-menu-item>a,.menu .current-menu-ancestor>a,.menu a[aria-current="page"] { color:#7b5d28; font-weight:700; }
.nav-tools { display:flex; align-items:center; gap:12px; }
.language-switcher { display:flex; align-items:center; gap:0; border:1px solid var(--line); border-radius:4px; }.language-switcher a { min-width:35px; padding:6px 7px; border-right:1px solid var(--line); color:var(--muted); font-size:11px; font-weight:700; text-align:center; text-decoration:none; }.language-switcher a:last-child { border-right:0; }.language-switcher a:hover,.language-switcher a:focus-visible,.language-switcher a.is-current { background:#f7f2e8; color:#6f521f; }.language-switcher a.is-current { box-shadow:inset 0 -2px 0 var(--warm); }
.inquiry-pill { border:1px solid var(--ink); border-radius:4px; padding:8px 11px; color:var(--ink); text-decoration:none; white-space:nowrap; font-size:14px; }.inquiry-pill:hover,.inquiry-pill:focus-visible,.inquiry-pill.is-current { border-color:var(--warm); background:#f7f2e8; color:#6f521f; }.inquiry-pill.is-current { box-shadow:inset 0 -2px 0 var(--warm); font-weight:700; }
.menu-toggle { display:none; border:0; background:none; padding:10px; cursor:pointer; }
.section { padding:76px 22px; }
.section-inner { max-width:var(--max); margin:0 auto; }
.band { background:var(--paper); border-block:1px solid var(--line); }
.hero { min-height:78vh; display:grid; align-items:center; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 36%,rgba(255,255,255,.46) 58%,rgba(255,255,255,.06) 100%),url("assets/hero-showroom.webp") center right/cover no-repeat; border-bottom:1px solid var(--line); }
.hero-inner { width:100%; max-width:var(--max); margin:0 auto; padding:76px 22px 94px; }
.eyebrow,.laisi-label { margin:0 0 12px; color:var(--warm); font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
h1,h2,h3 { margin:0; line-height:1.08; letter-spacing:0; }
h1 { max-width:720px; font-size:clamp(42px,5.6vw,76px); }
h2 { font-size:clamp(28px,3.6vw,48px); }
h3 { font-size:22px; }
p { margin-top:10px; }
.lead { max-width:690px; color:var(--muted); font-size:19px; }
.company-fact-band { border-block:1px solid var(--line); background:#fff; }.company-fact-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }.company-fact-row div { min-width:0; padding:23px 18px; border-right:1px solid var(--line); }.company-fact-row div:first-child { padding-left:22px; }.company-fact-row div:last-child { border-right:0; }.company-fact-row strong,.company-fact-row span { display:block; }.company-fact-row strong { font-size:18px; }.company-fact-row span { margin-top:4px; color:var(--muted); font-size:11px; }
.muted { color:var(--muted); }
.actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.button,.button-outline { display:inline-flex; min-height:46px; align-items:center; justify-content:center; border:1px solid var(--ink); border-radius:4px; padding:11px 18px; text-decoration:none; cursor:pointer; }
.button { background:var(--ink); color:#fff; }
.button-outline { background:rgba(255,255,255,.88); color:var(--ink); }
.notice { border-left:3px solid var(--warm); background:#fff8e8; padding:13px 16px; color:#5f4a1d; }
.breadcrumbs { max-width:var(--max); margin:24px auto 0; padding:0 22px; display:flex; gap:8px; flex-wrap:wrap; color:var(--muted); font-size:13px; }
.breadcrumbs a { text-decoration:none; }
.category-entrances { margin-top:36px; display:grid; gap:30px; }
.category-entrance { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); min-height:360px; border-top:1px solid var(--line); }
.category-entrance:nth-child(even) { grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); }
.category-entrance:nth-child(even) .category-image { order:2; }
.category-image { min-height:360px; background-position:center; background-size:cover; }
.category-image span { display:inline-block; margin:14px; padding:5px 8px; background:rgba(255,255,255,.9); color:var(--muted); font-size:10px; letter-spacing:.1em; }
.category-commercial .category-image { background-image:url("assets/category-commercial.webp"); }
.category-architectural .category-image { background-image:url("assets/category-architectural.webp"); }
.category-outdoor .category-image { background-image:url("assets/category-outdoor.webp"); }
.category-copy { display:flex; flex-direction:column; justify-content:center; padding:38px; }
.category-copy p { color:var(--muted); }.category-copy small { color:var(--steel); }.category-copy a { margin-top:24px; font-weight:700; text-decoration:none; }
.trust-rows { margin-top:38px; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line); }
.trust-rows article { padding:24px 20px 12px 0; border-right:1px solid var(--line); }.trust-rows article+article { padding-left:20px; }.trust-rows article:last-child { border-right:0; }.trust-rows h3 { font-size:18px; }.trust-rows p { color:var(--muted); font-size:14px; }
.process-inline { margin-top:36px; display:grid; grid-template-columns:repeat(7,1fr); border-block:1px solid var(--line); }.process-inline span { min-height:110px; padding:20px 14px; border-right:1px solid var(--line); }.process-inline span:last-child { border-right:0; }.process-inline b { display:block; margin-bottom:24px; color:var(--warm); font-size:12px; }
.rfq-band { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.filters { display:grid; grid-template-columns:2fr repeat(3,1fr) auto; gap:12px; align-items:end; margin-top:34px; }.filters label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:700; }.filters input,.filters select { width:100%; min-height:46px; border:1px solid var(--line); border-radius:3px; padding:10px 11px; background:#fff; }.filters button { min-height:46px; }
.catalog-header { padding-bottom:42px; }.catalog-results { padding-top:42px; }.catalog-meta { display:flex; justify-content:space-between; margin-bottom:22px; color:var(--muted); }
.product-hero { padding-top:40px; }.product-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:56px; align-items:start; }.product-gallery { position:sticky; top:110px; }.product-gallery>img,.product-main-placeholder { width:100%; aspect-ratio:4/3; object-fit:cover; }.product-thumbnails { display:flex; gap:9px; margin-top:12px; overflow-x:auto; }.product-thumbnails button { flex:0 0 76px; width:76px; height:62px; border:1px solid var(--line); padding:2px; background:#fff; cursor:pointer; }.product-thumbnails button.is-active { border-color:var(--ink); }.product-thumbnails img { width:100%; height:100%; object-fit:cover; }.product-summary { padding-top:14px; }.product-summary h1 { font-size:clamp(32px,3.7vw,50px); line-height:1.12; }.product-sku { color:var(--muted); font-family:monospace; }.demo-flag { display:inline-block; padding:5px 8px; border:1px solid #bd8c35; color:#745517; font-size:11px; font-weight:700; }.key-specs { display:grid; grid-template-columns:repeat(2,1fr); margin:32px 0 0; border-top:1px solid var(--line); }.key-specs div { padding:12px 12px 12px 0; border-bottom:1px solid var(--line); }.key-specs dt { color:var(--muted); font-size:12px; }.key-specs dd { margin:3px 0 0; font-weight:700; }.variant-select { display:grid; gap:6px; margin-top:24px; }.variant-select select { min-height:46px; border:1px solid var(--line); padding:10px; background:#fff; }
.table-scroll { width:100%; overflow-x:auto; }.spec-table { width:100%; min-width:560px; border-collapse:collapse; margin-top:22px; }.spec-table th,.spec-table td { padding:12px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }.spec-table th { color:var(--muted); font-size:12px; white-space:nowrap; }.variants-table { min-width:980px; }
.product-configurator { margin-top:30px; padding-top:25px; border-top:1px solid var(--ink); }.product-configurator>.eyebrow { margin-bottom:22px; }.configuration-option { margin:0 0 20px; padding:0; border:0; }.configuration-option legend { margin-bottom:9px; color:var(--muted); font-size:12px; font-weight:700; }.configuration-values { display:flex; flex-wrap:wrap; gap:8px; }.configuration-values button { min-width:64px; min-height:38px; border:1px solid var(--line); border-radius:2px; padding:8px 13px; background:#fff; color:var(--ink); cursor:pointer; }.configuration-values button:hover,.configuration-values button:focus-visible { border-color:var(--ink); }.configuration-values button.is-selected { border-color:var(--ink); background:var(--ink); color:#fff; }.configuration-quantity { display:grid; gap:8px; margin:24px 0; color:var(--muted); font-size:12px; font-weight:700; }.configuration-quantity input { width:110px; min-height:42px; border:1px solid var(--line); padding:8px 10px; background:#fff; color:var(--ink); font-size:15px; }.selected-configuration { display:grid; gap:6px; margin:0 0 20px; padding:15px 0; border-block:1px solid var(--line); }.selected-configuration span { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }.selected-configuration strong { line-height:1.5; }.configuration-message { min-height:20px; margin:8px 0 0; color:#8a2c25; font-size:12px; }
.base-model-options { padding-bottom:19px; border-bottom:1px solid var(--line); }.base-model-specs { display:grid; grid-template-columns:repeat(2,1fr); margin:0 0 23px; }.base-model-specs div { padding:10px 10px 10px 0; border-bottom:1px solid var(--line); }.base-model-specs dt { color:var(--muted); font-size:11px; }.base-model-specs dd { margin:3px 0 0; font-weight:700; }.dimension-image { margin-top:18px; padding-top:14px; border-top:1px solid var(--line); }.dimension-image span { display:block; margin-bottom:8px; color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; }.dimension-image img { width:100%; height:auto; background:#fff; object-fit:contain; }
.product-content-grid,.product-support-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr); gap:64px; }.product-context { padding-top:54px; }.product-context>div { border-top:1px solid var(--line); padding:18px 0; }.download-list { margin-top:24px; border-top:1px solid var(--line); }.download-list a,.resource-list article { display:flex; justify-content:space-between; gap:24px; padding:18px 0; border-bottom:1px solid var(--line); text-decoration:none; }.download-list b { font-size:13px; }
.capability-list { display:flex; flex-wrap:wrap; gap:0; margin-top:24px; border-top:1px solid var(--line); }.capability-list span { width:50%; padding:13px 12px 13px 0; border-bottom:1px solid var(--line); }
.oem-intro { padding-bottom:36px; }.laisi-content-block { padding:56px 0; border-top:1px solid var(--line); }.oem-process { display:grid; grid-template-columns:repeat(7,1fr); margin-top:28px; }.oem-process div { min-height:126px; padding:18px 12px; border-top:1px solid var(--ink); }.oem-process span { display:block; margin-bottom:35px; color:var(--warm); font-size:12px; }.oem-process strong { font-size:14px; }
.capability-rows { margin-top:38px; }.capability-rows article { display:grid; grid-template-columns:70px 1fr; gap:24px; padding:25px 0; border-top:1px solid var(--line); }.capability-rows article>span { color:var(--warm); }.capability-rows p { max-width:720px; color:var(--muted); }
.company-profile-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:70px; margin-top:46px; padding-top:36px; border-top:1px solid var(--line); }.company-profile-grid h3 { margin-top:0; font-size:22px; }.company-profile-grid h3:not(:first-child) { margin-top:34px; }.company-profile-grid p { color:var(--muted); }.company-facts { margin:0; border-top:1px solid var(--ink); }.company-facts div { padding:14px 0; border-bottom:1px solid var(--line); }.company-facts dt { color:var(--muted); font-size:12px; }.company-facts dd { margin:4px 0 0; font-weight:700; }.company-facts dd small { display:block; margin-top:4px; color:var(--muted); font-weight:400; }.company-facts-wide { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:36px; }.company-facts-wide div { padding:17px 18px 17px 0; }.company-facts-wide div:nth-child(even) { padding-left:18px; border-left:1px solid var(--line); }.company-contact { max-width:850px; margin-top:50px; padding:28px 0; border-block:1px solid var(--line); }.company-contact h3 { margin:8px 0; font-size:30px; }.company-contact a { color:var(--ink); }.company-contact p:last-child { color:var(--muted); }.certification-declarations { display:flex; flex-wrap:wrap; gap:0; margin:30px 0; border-block:1px solid var(--line); }.certification-declarations span { min-width:120px; padding:15px 20px; border-right:1px solid var(--line); font-weight:700; text-align:center; }.footer-address { display:inline-block; max-width:520px; color:#c8c4bd; font-size:12px; }
.project-list article { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:42px; padding:32px 0; border-bottom:1px solid var(--line); }.project-media { display:grid; place-items:center; min-height:320px; background:#e7e4dd; color:var(--muted); text-decoration:none; }.project-media img { width:100%; height:100%; object-fit:cover; }.project-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); margin:30px 0; border-block:1px solid var(--line); }.project-facts div { padding:15px 12px 15px 0; }.project-facts dt { color:var(--muted); font-size:12px; }.project-facts dd { margin:4px 0 0; font-weight:700; }.project-story { max-width:820px; }.project-story section { margin-top:48px; }.narrow-content { max-width:820px; }
.site-footer { padding:48px 22px; background:#111; color:#f7f4ee; }.footer-inner { max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:30px; }.site-footer h2 { font-size:26px; }.site-footer a { color:#fff; }
.pagination { margin-top:36px; }

@media (max-width:1050px) {
  .nav { flex-wrap:wrap; gap:14px; }.brand { margin-right:auto; }.nav-links { order:3; width:100%; margin:0; }.menu { justify-content:space-between; }.company-fact-row { grid-template-columns:repeat(3,1fr); }.company-fact-row div { border-bottom:1px solid var(--line); }.trust-rows { grid-template-columns:repeat(3,1fr); }.process-inline,.oem-process { grid-template-columns:repeat(4,1fr); }.filters { grid-template-columns:repeat(2,1fr); }.search-field { grid-column:span 2; }.product-hero-grid { gap:34px; }
}
@media (max-width:768px) {
  .section { padding:58px 18px; }.nav { min-height:64px; padding:10px 16px; }.brand { font-size:16px; }.brand span { display:none; }.menu-toggle { display:block; }.nav-links { display:none; order:4; }.nav-links.is-open { display:block; }.menu { display:grid; grid-template-columns:repeat(2,1fr); gap:0; border-top:1px solid var(--line); }.menu li { border-bottom:1px solid var(--line); }.menu a { display:block; padding:12px 9px; }.menu a::after { top:8px; right:auto; bottom:8px; left:0; width:2px; height:auto; transform:scaleY(0); }.menu a:hover::after,.menu a:focus-visible::after,.menu .current-menu-item>a::after,.menu .current-menu-ancestor>a::after,.menu a[aria-current="page"]::after { transform:scaleY(1); }.menu .current-menu-item>a,.menu .current-menu-ancestor>a,.menu a[aria-current="page"] { background:#f7f2e8; }.search-link { display:none; }.nav-tools { order:3; width:100%; margin-left:0; justify-content:flex-end; }.language-switcher a { min-width:31px; padding:5px; }.inquiry-pill { font-size:12px; padding:7px 9px; }
  .hero { min-height:650px; align-items:end; background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.92) 48%,#fff 75%),url("assets/hero-showroom.webp") 67% top/auto 62% no-repeat; }.hero-inner { padding:270px 18px 58px; }.hero h1 { font-size:clamp(40px,12vw,58px); }.lead { font-size:17px; }
  .category-entrance,.category-entrance:nth-child(even) { grid-template-columns:1fr; }.category-entrance:nth-child(even) .category-image { order:0; }.category-image { min-height:250px; }.category-copy { padding:28px 0; }.trust-rows { grid-template-columns:1fr 1fr; }.trust-rows article,.trust-rows article+article { padding:20px 16px 12px 0; border-right:0; }.process-inline,.oem-process { grid-template-columns:repeat(2,1fr); }.rfq-band { align-items:flex-start; flex-direction:column; }
  .filters { grid-template-columns:1fr; }.search-field { grid-column:auto; }.catalog-meta { display:block; }.product-hero-grid,.product-content-grid,.product-support-grid,.project-list article,.company-profile-grid { grid-template-columns:1fr; }.company-profile-grid { gap:36px; }.company-facts-wide { grid-template-columns:1fr; }.company-facts-wide div:nth-child(even) { padding-left:0; border-left:0; }.product-gallery { position:static; }.product-summary h1 { font-size:clamp(30px,8vw,42px); }.key-specs { grid-template-columns:1fr 1fr; }.product-context { padding-top:0; }.oem-process div { min-height:104px; }.capability-list span { width:100%; }.project-media { min-height:230px; }.footer-inner { grid-template-columns:1fr; }
}
@media (max-width:430px) {
  .nav-tools { gap:6px; }.inquiry-pill { max-width:132px; white-space:normal; text-align:center; }.menu { grid-template-columns:1fr; }.hero { min-height:620px; }.hero h1 { font-size:42px; }.actions>* { width:100%; }.company-fact-row { grid-template-columns:repeat(2,1fr); }.company-fact-row div,.company-fact-row div:first-child { padding:17px 14px; }.company-fact-row strong { font-size:16px; }.trust-rows,.process-inline,.oem-process { grid-template-columns:1fr; }.process-inline span { min-height:82px; }.key-specs { grid-template-columns:1fr; }.category-image { min-height:210px; }.company-contact h3 { font-size:24px; }.certification-declarations span { width:50%; min-width:0; }
}
.base-model-specs[hidden],.dimension-image[hidden]{display:none!important;}