/*
Theme Name: DALI Agriculture
Theme URI: https://www.scdali.com/
Author: DALI
Description: 大丽农业照明与控制系统官网主题。
Version: 1.0.0
Text Domain: dali-agriculture
*/

:root { --dali-orange: #ed6b2d; --dali-ink: #252e35; --dali-soft: #edf1f0; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--dali-ink); background: #fff; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
.dali-scroll-progress { position: fixed; top: 0; left: 0; z-index: 40; width: 100%; height: 3px; transform: scaleX(0); transform-origin: 0 50%; background: var(--dali-orange); box-shadow: 0 2px 10px rgba(237,107,45,.3); will-change: transform; }
.dali-shell { min-height: 100vh; background: #fff; }
.dali-shell-header { position: sticky; top: 0; z-index: 30; height: 74px; border-bottom: 1px solid rgba(215,223,224,.88); background: rgba(255,255,255,.95); backdrop-filter: blur(14px); }
.dali-shell-inner { width: min(1200px, calc(100% - 48px)); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.dali-shell-header .dali-shell-inner { width: 100%; margin: 0; padding: 0 max(32px, calc((100% - 1200px) / 2)); justify-content: flex-start; gap: 0; }
.dali-shell-brand img { width: 106px; display: block; }
.dali-shell-nav { display: flex; height: 100%; align-items: center; gap: 34px; margin-left: auto; margin-right: 30px; }
.dali-shell-nav a { position: relative; display: block; padding: 27px 0 25px; color: var(--dali-ink); text-decoration: none; font-size: 14px; font-weight: 700; }
.dali-shell-nav a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: var(--dali-orange); opacity: 0; transform: scaleX(.45); transform-origin: center; transition: opacity .2s ease, transform .2s ease; content: ''; }
.dali-shell-nav a:hover, .dali-shell-nav a[aria-current="page"] { color: var(--dali-orange); }
.dali-shell-nav a:hover::after, .dali-shell-nav a[aria-current="page"]::after { opacity: 1; transform: scaleX(1); }
.dali-shell-language { display: grid; width: 42px; height: 42px; place-items: center; padding: 0; border: 1px solid #bbc6ca; color: var(--dali-ink); font-weight: 800; font-size: 14px; }
.dali-page { min-height: calc(100vh - 74px); }
.dali-page-hero { min-height: 430px; padding: 96px max(24px, calc((100% - 1200px) / 2)); display: grid; align-content: end; color: #fff; background: linear-gradient(90deg, rgba(22,31,36,.9), rgba(22,31,36,.43)), url('./assets/hero-poultry-aisle.webp') center/cover; }
.dali-page-hero p { margin: 0 0 16px; color: #ffb18a; font-size: 16px; font-weight: 700; }
.dali-page-hero h1 { margin: 0; max-width: 680px; font-size: clamp(44px, 5vw, 72px); line-height: 1.1; letter-spacing: 0; }
.dali-page-content { width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 96px 0 120px; font-size: 17px; line-height: 1.8; }
.dali-page-content h2 { font-size: clamp(30px, 4vw, 46px); line-height: 1.2; margin: 0 0 22px; }
.dali-page-content p { max-width: 690px; color: #637078; }
.dali-contact-list { margin-top: 40px; padding: 34px; border-top: 2px solid var(--dali-orange); background: var(--dali-soft); }
.dali-contact-list a { color: var(--dali-ink); }
.dali-shell-footer { color: #f3f6f5; background: var(--dali-ink); font-size: 14px; }
.dali-footer-managed { width: 100%; }
.dali-footer-main { display: grid; grid-template-columns: 1.08fr 1fr .82fr; gap: clamp(40px, 7vw, 108px); width: min(1200px, calc(100% - 64px)); margin: 0 auto; padding: 68px 0 52px; }
.dali-shell-footer h2 { margin: 0 0 20px; color: #fff; font-size: 18px; line-height: 1.2; }
.dali-footer-contact-list { display: grid; gap: 11px; margin: 0; }
.dali-footer-contact-list div { display: grid; grid-template-columns: 76px 1fr; gap: 10px; }
.dali-footer-contact-list dt { color: #95a5a9; font-size: 14px; }
.dali-footer-contact-list dd { margin: 0; color: #dbe2e1; font-size: 14px; line-height: 1.5; }
.dali-footer-product-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; padding: 0; margin: 0; list-style: none; }
.dali-footer-product-links a { display: block; padding-bottom: 9px; border-bottom: 1px solid rgba(207,219,219,.22); color: #dce4e3; font-size: 14px; transition: color .2s ease, border-color .2s ease; }
.dali-footer-product-links a:hover { border-color: var(--dali-orange); color: #fff; }
.dali-footer-social-links { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 20px; }
.dali-footer-social-links a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 10px; border: 1px solid rgba(207,219,219,.22); color: #dce4e3; font-size: 14px; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.dali-footer-social-links img { width: 18px; height: 18px; margin-right: 7px; }
.dali-footer-social-links a:hover { border-color: var(--dali-orange); color: #fff; background: rgba(237,107,45,.12); }
.dali-footer-qr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.dali-footer-qr-grid a { display: grid; gap: 8px; color: #b8c3c6; font-size: 14px; line-height: 1.3; }
.dali-footer-qr-grid img { width: 72px; height: 72px; padding: 4px; background: #fff; }
.dali-footer-bottom { border-top: 1px solid rgba(207,219,219,.22); }
.dali-footer-bottom > div { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(1200px, calc(100% - 64px)); min-height: 74px; margin: 0 auto; color: #aebabc; font-size: 14px; }
.dali-footer-bottom-brand { display: flex; align-items: center; gap: 12px; }
.dali-footer-bottom-brand img { width: 54px; height: auto; filter: brightness(0) invert(1); opacity: .8; }
.dali-shell-footer a { color: inherit; text-decoration: none; }
.dali-shell-footer a:hover { color: #fff; }
@media (max-width: 850px) { .dali-footer-main { grid-template-columns: 1.1fr .9fr; gap: 46px; } .dali-footer-social { grid-column: 1 / -1; } }
@media (max-width: 700px) { .dali-shell-header { height: 62px; } .dali-shell-inner { width: min(100% - 32px, 1200px); min-height: 64px; gap: 12px; } .dali-shell-header .dali-shell-inner { width: 100%; min-height: 62px; padding: 0 16px; } .dali-shell-brand img { width: 82px; } .dali-shell-nav { display: none; } .dali-shell-language { display: grid; width: 38px; height: 38px; margin-left: auto; } .dali-page-hero { min-height: 380px; padding: 72px 16px; } .dali-page-content { width: min(100% - 32px, 1200px); padding: 64px 0 80px; } .dali-footer-main { grid-template-columns: 1fr; gap: 38px; width: min(100% - 32px, 1200px); padding: 48px 0 40px; } .dali-footer-social { grid-column: auto; } .dali-footer-product-links { grid-template-columns: 1fr; } .dali-footer-bottom > div { align-items: flex-start; flex-direction: column; justify-content: center; width: min(100% - 32px, 1200px); padding: 16px 0; } }

.dali-kicker { margin: 0 0 18px; color: var(--dali-orange); font-size: 16px; font-weight: 800; line-height: 1; }
.dali-section, .dali-projects, .dali-product-grid, .dali-service-steps, .dali-service-proof, .dali-contact-layout, .dali-product-detail-overview, .dali-product-detail-content, .dali-product-detail-next { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.dali-page h1, .dali-page h2, .dali-product-detail-page h1, .dali-product-detail-page h2 { text-wrap: pretty; letter-spacing: 0; }
.dali-page-hero > div, .dali-contact-hero > div, .dali-product-detail-hero-copy { width: min(1200px, calc(100% - 48px)); }
.dali-page-hero > div { margin: 0 auto; }
.dali-page-hero h1 span, .dali-contact-hero h1 span { color: var(--dali-orange); }
.dali-page-hero strong { margin-top: 26px; color: #d8e0df; font-size: 17px; font-weight: 500; }
.dali-page-hero-scenes { background-image: linear-gradient(90deg, rgba(25,34,39,.91) 0%, rgba(25,34,39,.62) 45%, rgba(25,34,39,.08) 100%), url('./assets/case-house.jpg'); background-position: center; }
.dali-page-hero-products { background-image: linear-gradient(90deg, rgba(25,34,39,.92), rgba(25,34,39,.4)), url('./assets/hero-poultry-wide.webp'); background-position: center 40%; }
.dali-page-hero-service { background-image: linear-gradient(90deg, rgba(25,34,39,.92), rgba(25,34,39,.42)), url('./assets/platform-control-aisle.webp'); }
.dali-scene-intro, .dali-product-intro, .dali-service-intro { display: grid; grid-template-columns: minmax(0, .95fr) minmax(320px, .8fr); gap: 13%; padding: 108px 0 76px; align-items: end; }
.dali-scene-intro { grid-template-columns: minmax(0, 760px) minmax(0, 1fr); gap: 56px; }
.dali-section h2 { margin: 0; font-size: clamp(40px, 4.4vw, 64px); line-height: 1.04; }
.dali-section > p { margin: 0; max-width: 500px; color: #66737a; font-size: 17px; line-height: 1.85; }
.dali-projects { padding-bottom: 112px; }
.dali-project { display: grid; grid-template-columns: .76fr 1.24fr; gap: 34px; padding: 54px 0; border-top: 1px solid #d8dfdd; }
.dali-project-reverse { grid-template-columns: 1.24fr .76fr; }
.dali-project-copy { display: flex; flex-direction: column; justify-content: center; padding: 34px 0; }
.dali-project-copy h2 { margin: 0 0 22px; font-size: clamp(34px, 3.5vw, 52px); line-height: 1.08; }
.dali-project-copy > p { margin: 0; color: #66737a; font-size: 16px; line-height: 1.8; }
.dali-project-copy ul { display: grid; gap: 11px; padding: 23px 0 0; margin: 24px 0 0; border-top: 1px solid #d5dddb; list-style: none; font-weight: 700; }
.dali-project-copy li::before { content: '—'; margin-right: 10px; color: var(--dali-orange); }
.dali-project-gallery { min-height: 350px; display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: 1fr 1fr; gap: 12px; }
.dali-project-gallery img { width: 100%; height: 100%; min-height: 0; object-fit: cover; background: var(--dali-soft); }
.dali-project-gallery img:first-child { grid-row: 1 / 3; }
.dali-gallery-wide { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }
.dali-gallery-wide img:first-child { grid-row: auto; }
.dali-gallery-wide .dali-mushroom-cable-cutout { object-fit: contain; padding: clamp(14px, 2vw, 24px); object-position: center; background: #f4f7f4; }
.dali-product-intro { padding-bottom: 50px; }
.dali-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding-bottom: 112px; }
.dali-product-card { display: flex; flex-direction: column; min-height: 505px; color: inherit; text-decoration: none; background: #fff; border: 1px solid #d7dfdd; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.dali-product-card:hover { transform: translateY(-6px); border-color: #bdc9c6; box-shadow: 0 16px 36px rgba(24,34,37,.11); }
.dali-product-card-media { position: relative; display: flex; align-items: flex-start; justify-content: space-between; min-height: 205px; overflow: hidden; padding: 23px; background: #f2f5f4; }
.dali-product-card-media span { position: relative; z-index: 1; color: var(--dali-orange); font-size: 14px; font-weight: 800; }
.dali-product-card-media small { position: relative; z-index: 1; max-width: 160px; text-align: right; color: #68747a; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.dali-product-card-media img { position: absolute; inset: 38px 14% 18px; width: 72%; height: 68%; object-fit: contain; transition: transform .4s ease; }
.dali-product-card:hover .dali-product-card-media img { transform: scale(1.08); }
.dali-product-card-copy { display: flex; flex: 1; flex-direction: column; padding: 27px 24px 24px; }
.dali-product-card h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.25; }
.dali-product-card p { margin: 0; color: #68747a; font-size: 14px; line-height: 1.65; }
.dali-product-card ul { display: flex; flex-wrap: wrap; gap: 7px; padding: 18px 0 0; margin: 0; list-style: none; }
.dali-product-card li { padding: 5px 6px; color: var(--dali-orange); background: #fff0e9; font-size: 11px; font-weight: 700; }
.dali-product-card b { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 22px; color: var(--dali-orange); font-size: 14px; }
.dali-product-card i { font-size: 19px; font-style: normal; }
.dali-product-hub-hero { position: relative; display: grid; min-height: 590px; overflow: hidden; align-items: end; color: #fff; background: var(--dali-ink); }
.dali-product-hub-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.dali-product-hub-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23,31,36,.94) 0%, rgba(23,31,36,.72) 44%, rgba(23,31,36,.12) 100%); }
.dali-product-hub-hero-inner { position: relative; z-index: 1; width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 126px 0 84px; }
.dali-product-hub-hero-copy { max-width: 740px; }
.dali-product-hub-hero-copy p { margin: 0 0 18px; color: #ffb18a; font-size: 16px; font-weight: 800; }
.dali-product-hub-hero-copy h1 { margin: 0; font-size: clamp(48px, 5.2vw, 76px); line-height: 1.05; letter-spacing: 0; text-wrap: balance; }
.dali-product-hub-hero-copy h1 span { color: var(--dali-orange); }
.dali-product-hub-hero-copy strong { display: block; max-width: 610px; margin-top: 28px; color: #dbe4e2; font-size: 18px; font-weight: 500; line-height: 1.75; }
.dali-product-hub-body { background: var(--dali-soft); padding: 96px 0 116px; }
.dali-product-hub-intro { display: grid; grid-template-columns: minmax(0, .88fr) minmax(360px, 1.12fr); gap: 9%; align-items: end; width: min(1200px, calc(100% - 48px)); margin: 0 auto 46px; }
.dali-product-hub-intro h2 { margin: 0; font-size: clamp(38px, 4vw, 60px); line-height: 1.08; letter-spacing: 0; text-wrap: balance; }
.dali-product-hub-intro p { max-width: 500px; margin: 20px 0 0; color: #647178; font-size: 16px; line-height: 1.85; }
.dali-product-hub-intro dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; border-top: 1px solid #d2dbd8; border-left: 1px solid #d2dbd8; background: #fff; }
.dali-product-hub-intro dl div { min-height: 168px; padding: 26px 24px; border-right: 1px solid #d2dbd8; border-bottom: 1px solid #d2dbd8; }
.dali-product-hub-intro dt { color: var(--dali-orange); font-size: 14px; font-weight: 900; }
.dali-product-hub-intro dd { margin: 48px 0 0; color: #2c373d; font-size: 15px; line-height: 1.7; }
.dali-product-hub-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.dali-product-hub-card { display: grid; grid-column: span 3; grid-template-rows: 230px 1fr; min-height: 520px; color: inherit; text-decoration: none; background: #fff; border: 1px solid #d5dedb; transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.dali-product-hub-card.is-featured { grid-column: span 6; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); grid-template-rows: 1fr; min-height: 430px; }
.dali-product-hub-card:hover { transform: translateY(-5px); border-color: #bac8c4; box-shadow: 0 18px 44px rgba(24,34,37,.11); }
.dali-product-hub-card figure { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-width: 0; min-height: 0; margin: 0; background: #f7f9f8; }
.dali-product-hub-card figure img { width: 100%; height: 100%; min-height: 0; padding: 26px; object-fit: contain; }
.dali-product-hub-card.is-featured figure img { padding: 34px; }
.dali-product-hub-card[data-product-key="dc"] figure img { padding: 10px; }
.dali-product-hub-card figcaption { padding: 12px 16px 14px; border-top: 1px solid #e2e8e6; color: #65727a; font-size: 13px; line-height: 1.45; }
.dali-product-image-placeholder { display: grid; min-height: 0; place-items: center; padding: 24px; background: linear-gradient(135deg, #edf1f0, #f8faf9); }
.dali-product-image-placeholder span { display: grid; width: min(220px, 100%); min-height: 154px; place-items: center; border: 1px dashed #b9c5c2; color: #6d7a80; font-size: 18px; font-weight: 800; line-height: 1.45; text-align: center; }
.dali-product-hub-card-copy { display: flex; min-width: 0; flex-direction: column; padding: 26px 24px 24px; }
.dali-product-hub-card.is-featured .dali-product-hub-card-copy { padding: 34px 34px 30px; }
.dali-product-hub-card-top { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 34px; }
.dali-product-hub-card-top span { color: var(--dali-orange); font-size: 14px; font-weight: 900; }
.dali-product-hub-card-top em { max-width: 150px; color: #68757b; font-size: 13px; font-style: normal; font-weight: 800; line-height: 1.35; text-align: right; }
.dali-product-hub-card h3 { margin: 0 0 14px; font-size: 22px; line-height: 1.24; letter-spacing: 0; text-wrap: balance; }
.dali-product-hub-card.is-featured h3 { font-size: clamp(26px, 2.4vw, 34px); }
.dali-product-hub-card p { margin: 0; color: #65727a; font-size: 14px; line-height: 1.72; }
.dali-product-hub-card.is-featured p { font-size: 16px; line-height: 1.78; }
.dali-product-hub-card ul { display: flex; flex-wrap: wrap; gap: 7px; padding: 20px 0 0; margin: 0; list-style: none; }
.dali-product-hub-card li { padding: 6px 8px; color: var(--dali-orange); background: #fff0e9; font-size: 12px; font-weight: 800; line-height: 1.25; }
.dali-product-hub-card b { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 26px; color: var(--dali-orange); font-size: 14px; }
.dali-product-hub-card i { font-size: 19px; font-style: normal; }
.dali-service-intro > p { max-width: 62ch; margin: 0; color: #65727a; font-size: 18px; line-height: 1.86; text-wrap: pretty; }
@media (min-width: 1024px) { .dali-service-intro > p span { display: block; white-space: nowrap; } }
.dali-service-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #d6dddb; border-left: 1px solid #d6dddb; margin-bottom: 0; }
.dali-service-steps article { display: grid; align-content: start; min-height: 284px; padding: 30px 26px 32px; border-right: 1px solid #d6dddb; border-bottom: 1px solid #d6dddb; background: #fff; }
.dali-service-steps b { color: var(--dali-orange); font-size: 14px; }
.dali-service-steps h3 { margin: 48px 0 14px; font-size: 23px; line-height: 1.22; }
.dali-service-steps p { margin: 0; color: #68747a; font-size: 14px; line-height: 1.76; }
.dali-service-proof { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr); gap: 56px; padding: 96px 0 104px; color: var(--dali-ink); }
.dali-service-proof::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: var(--dali-soft); }
.dali-page-services::before { content: none; }
.dali-service-proof h2 { margin: 0; font-size: clamp(35px, 3.8vw, 56px); line-height: 1.08; }
.dali-service-proof-head > p:not(.dali-kicker) { max-width: 520px; margin: 22px 0 0; color: #65727a; line-height: 1.78; }
.dali-service-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-self: start; }
.dali-service-proof-grid article { min-height: 262px; padding: 26px 24px 28px; background: #fff; border: 1px solid #d6dddb; }
.dali-service-proof-grid b { color: var(--dali-orange); font-size: 13px; font-weight: 800; }
.dali-service-proof-grid h3 { margin: 20px 0 12px; font-size: 22px; line-height: 1.25; }
.dali-service-proof-grid p { margin: 0; color: #65727a; font-size: 14px; line-height: 1.74; }
.dali-contact-hero { position: relative; display: grid; min-height: 550px; align-items: center; overflow: hidden; background: #dfe5e2; }
.dali-contact-hero::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 31%, rgba(255,255,255,.53) 57%, rgba(32,39,45,.08) 100%); content: ''; }
.dali-contact-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 51%; }
.dali-contact-hero > .dali-contact-hero-content { position: relative; z-index: 2; width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 80px 0; }
.dali-contact-hero h1 { margin: 0 0 22px; font-size: clamp(42px, 4.7vw, 70px); line-height: 1.04; }.dali-contact-hero > div > p:not(.dali-kicker) { max-width: 510px; color: #65727a; line-height: 1.8; }
.dali-contact-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }.dali-contact-tags span { padding: 7px 9px; color: var(--dali-orange); background: rgba(255,255,255,.82); font-size: 13px; font-weight: 700; }
.dali-contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 12%; padding: 110px 0; }.dali-contact-details h2 { margin: 0 0 46px; font-size: clamp(37px, 3.8vw, 56px); line-height: 1.08; }.dali-contact-details dl { margin: 0; }.dali-contact-details dl div { padding: 18px 0; border-top: 1px solid #d7dfdd; }.dali-contact-details dt { color: #6c787d; font-size: 13px; }.dali-contact-details dd { margin: 8px 0 0; font-size: 18px; font-weight: 700; }.dali-contact-details a { color: inherit; }
.dali-inquiry { padding: 34px; background: #f1f4f3; }.dali-inquiry label { display: grid; gap: 9px; margin-bottom: 18px; font-size: 14px; font-weight: 700; }.dali-field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.dali-inquiry input, .dali-inquiry select, .dali-inquiry textarea { width: 100%; border: 1px solid #cdd7d4; border-radius: 0; padding: 13px; color: var(--dali-ink); background: #fff; font: inherit; }.dali-inquiry textarea { resize: vertical; }.dali-inquiry-captcha { grid-template-columns: auto 1fr; align-items: center; column-gap: 12px; }.dali-inquiry-captcha span { color: var(--dali-orange); font-size: 16px; }.dali-inquiry-captcha input { grid-column: 1 / -1; }.dali-inquiry-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }.dali-inquiry button, .dali-button { display: inline-block; border: 0; padding: 14px 18px; color: #fff; background: var(--dali-orange); font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }.dali-inquiry small { display: block; margin-top: 13px; color: #69767b; }.dali-inquiry-notice { margin: 0 0 18px; padding: 12px 14px; font-size: 14px; font-weight: 700; line-height: 1.55; }.dali-inquiry-notice.is-success { color: #1f6b4f; border-left: 3px solid #26885f; background: #e4f2ea; }.dali-inquiry-notice.is-error { color: #a34524; border-left: 3px solid var(--dali-orange); background: #fff0e9; }
.dali-product-detail-hero { position: relative; display: grid; min-height: 590px; overflow: hidden; align-items: end; color: #fff; background: var(--dali-ink); }.dali-product-detail-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; object-fit: cover; object-position: center; }.dali-product-detail-hero-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(23,31,36,.95) 0%, rgba(23,31,36,.72) 44%, rgba(23,31,36,.12) 100%); }.dali-product-detail-hero-copy { position: relative; z-index: 2; margin: 0 auto; padding: 104px 0 82px; }.dali-product-detail-hero-copy > a:first-child { display: inline-block; margin-bottom: 58px; color: #dce5e3; text-decoration: none; }.dali-product-detail-hero h1 { max-width: 760px; margin: 0 0 22px; font-size: clamp(42px, 4.8vw, 70px); line-height: 1.05; }.dali-product-detail-hero h1 span { color: var(--dali-orange); }.dali-product-detail-hero p:not(.dali-kicker) { max-width: 610px; color: #d0dad8; line-height: 1.8; }.dali-product-detail-overview { display: grid; grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr); gap: 56px; align-items: center; padding: 88px 0; }.dali-product-detail-product-media { display: grid; grid-template-rows: minmax(280px, 1fr) auto; min-height: 360px; margin: 0; background: #f7f9f8; border: 1px solid #d8e0dd; }.dali-product-detail-product-media img { width: 100%; height: 100%; min-height: 0; padding: 34px; object-fit: contain; }.dali-product-detail-product-media figcaption { padding: 14px 18px; border-top: 1px solid #e0e6e4; color: #65727a; font-size: 14px; line-height: 1.45; }.dali-product-detail-overview h2 { margin: 0 0 18px; font-size: clamp(36px, 3.8vw, 56px); line-height: 1.08; }.dali-product-detail-overview p:not(.dali-kicker) { margin: 0; max-width: 600px; color: #65727a; line-height: 1.8; }.dali-product-detail-overview[data-product-key="dc"] .dali-product-detail-product-media img { padding: 14px; }.dali-product-detail-content { display: grid; grid-template-columns: .78fr 1.22fr; gap: 11%; padding: 110px 0; }.dali-product-detail-content h2 { margin: 0; font-size: clamp(38px, 4vw, 58px); line-height: 1.08; }.dali-detail-points { display: grid; gap: 0; border-top: 1px solid #d5dddb; }.dali-detail-points article { padding: 24px 0; border-bottom: 1px solid #d5dddb; }.dali-detail-points span { color: var(--dali-orange); font-size: 13px; font-weight: 800; }.dali-detail-points h3 { margin: 11px 0 7px; font-size: 23px; }.dali-detail-points p { margin: 0; color: #68757b; line-height: 1.7; }.dali-product-detail-next { padding: 65px 0 110px; }.dali-product-detail-next > div { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #cfd8d5; }.dali-product-detail-next a { display: flex; gap: 18px; align-items: center; padding: 20px 0; border-bottom: 1px solid #cfd8d5; color: var(--dali-ink); font-weight: 800; text-decoration: none; }.dali-product-detail-next a:nth-child(odd) { margin-right: 30px; }.dali-product-detail-next a span { color: var(--dali-orange); font-size: 13px; }.dali-product-detail-next a b { margin-left: auto; color: var(--dali-orange); }
.dali-product-detail-page-dc .dali-product-detail-overview { grid-template-columns: minmax(300px, .76fr) minmax(0, 1fr); gap: 44px; padding: 78px 0 84px; }.dali-product-detail-page-dc .dali-product-detail-overview h2 { max-width: 680px; }.dali-product-detail-page-dc .dali-product-detail-overview p:not(.dali-kicker) { max-width: 560px; }.dali-dc-system-section { background: var(--dali-soft); padding: 86px 0 104px; }.dali-dc-system-head, .dali-dc-system-grid { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }.dali-dc-system-head { max-width: 780px; margin-bottom: 26px; }.dali-dc-system-head h2 { max-width: 760px; margin: 0; font-size: clamp(36px, 4vw, 58px); line-height: 1.08; }.dali-dc-system-grid { display: grid; grid-template-columns: minmax(0, 38.5%) minmax(0, 1fr); gap: 32px; align-items: start; }.dali-dc-diagram-card { display: grid; align-self: start; margin: 0; overflow: hidden; border: 1px solid #d8e0dd; background: #fff; }.dali-dc-diagram-card img { display: block; width: 100%; height: auto; min-height: 0; padding: 18px; object-fit: contain; background: #f7f9f8; }.dali-dc-diagram-card figcaption { padding: 14px 18px 16px; color: #65727a; font-size: 14px; line-height: 1.55; border-top: 1px solid #e0e6e4; }.dali-dc-point-cards { display: grid; grid-template-columns: 1fr; gap: 12px; }.dali-dc-point-cards article { display: grid; align-content: center; min-height: 128px; padding: 22px 24px 24px; background: #fff; border: 1px solid #d8e0dd; }.dali-dc-point-cards span { color: var(--dali-orange); font-size: 13px; font-weight: 800; }.dali-dc-point-cards h3 { margin: 12px 0 9px; font-size: 23px; line-height: 1.2; }.dali-dc-point-cards p { margin: 0; color: #65727a; line-height: 1.72; }
@media (max-width: 820px) { .dali-section, .dali-projects, .dali-product-grid, .dali-service-steps, .dali-service-proof, .dali-contact-layout, .dali-product-detail-overview, .dali-product-detail-content, .dali-product-detail-next, .dali-page-hero > div, .dali-contact-hero > div, .dali-product-detail-hero-copy { width: min(100% - 32px, 1200px); }.dali-scene-intro, .dali-product-intro, .dali-service-intro, .dali-project, .dali-project-reverse, .dali-service-proof, .dali-contact-layout, .dali-product-detail-content, .dali-product-detail-hero { grid-template-columns: 1fr; gap: 28px; }.dali-scene-intro h2 { overflow-wrap: anywhere; }.dali-scene-intro, .dali-product-intro, .dali-service-intro { padding: 72px 0 44px; }.dali-project { padding: 34px 0; }.dali-project-copy { padding: 0; }.dali-project-reverse .dali-project-copy { order: -1; }.dali-product-grid { grid-template-columns: 1fr; padding-bottom: 72px; }.dali-product-card { min-height: 0; }.dali-service-steps { grid-template-columns: 1fr 1fr; margin-bottom: 72px; }.dali-page-services::before { height: 580px; }.dali-contact-hero { min-height: 580px; }.dali-contact-hero::after { background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.78)); }.dali-contact-hero > .dali-contact-hero-content, .dali-product-detail-hero-copy { width: min(100% - 32px, 1200px); padding: 72px 0; }.dali-contact-hero img { min-height: 0; object-position: 62% center; }.dali-product-detail-product-media img { min-height: 300px; padding: 28px; }.dali-product-detail-hero-copy > a:first-child { margin-bottom: 52px; }.dali-product-detail-content, .dali-contact-layout { padding: 72px 0; }.dali-product-detail-next > div { grid-template-columns: 1fr; }.dali-product-detail-next a:nth-child(odd) { margin-right: 0; }.dali-field-pair { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 820px) { .dali-product-detail-overview { grid-template-columns: 1fr; gap: 28px; }.dali-product-detail-page-dc .dali-product-detail-overview { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 68px 0 72px; }.dali-product-detail-page-dc .dali-product-detail-overview > * { min-width: 0; max-width: 100%; }.dali-product-detail-page-dc .dali-product-detail-overview h2 { max-width: 100%; overflow-wrap: anywhere; }.dali-product-detail-overview[data-product-key="dc"] .dali-product-detail-product-media img { padding: 12px; }.dali-dc-system-section { padding: 70px 0 78px; background: var(--dali-soft); }.dali-dc-system-head, .dali-dc-system-grid { width: min(100% - 32px, 1200px); }.dali-dc-system-head, .dali-dc-system-grid { grid-template-columns: 1fr; gap: 22px; }.dali-dc-system-head { margin-bottom: 28px; }.dali-dc-diagram-card img { padding: 14px; }.dali-dc-point-cards { grid-template-columns: 1fr; }.dali-dc-point-cards article { min-height: 0; padding: 22px 20px; } }
@media (max-width: 820px) { .dali-service-intro > p { max-width: 100%; font-size: 17px; overflow-wrap: anywhere; word-break: break-word; }.dali-service-intro > p span { display: inline; white-space: normal; }.dali-service-steps, .dali-service-steps article, .dali-service-proof, .dali-service-proof-grid, .dali-service-proof-grid article { min-width: 0; max-width: 100%; }.dali-service-steps p, .dali-service-proof-grid p, .dali-service-proof-grid h3 { overflow-wrap: anywhere; word-break: break-word; }.dali-service-proof { padding: 72px 0 78px; }.dali-service-proof-grid { grid-template-columns: 1fr; gap: 14px; }.dali-service-proof-grid article { min-height: 0; } }
@media (max-width: 640px) { .dali-service-steps { grid-template-columns: minmax(0, 1fr); }.dali-service-steps article { min-height: 0; padding: 26px 22px 28px; }.dali-service-steps h3 { margin-top: 34px; } }
@media (max-width: 640px) { .dali-gallery-wide { grid-template-columns: 1fr; grid-template-rows: 220px 170px; min-height: 402px; }.dali-gallery-wide .dali-mushroom-cable-cutout { padding: 16px; } }
@media (max-width: 700px) { .dali-page-services { max-width: 100vw; overflow-x: hidden; }.dali-page-services .dali-section, .dali-page-services .dali-service-steps, .dali-page-services .dali-service-proof, .dali-page-services .dali-page-hero > div { width: min(calc(100vw - 32px), 1200px); }.dali-page-services .dali-page-hero h1, .dali-page-services .dali-page-hero strong, .dali-page-services .dali-service-intro h2, .dali-page-services .dali-service-intro p, .dali-page-services .dali-service-steps h3, .dali-page-services .dali-service-steps p, .dali-page-services .dali-service-proof h2, .dali-page-services .dali-service-proof p { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } }
@media (max-width: 520px) { .dali-product-detail-hero h1 { max-width: 100%; font-size: clamp(34px, 10vw, 42px); line-height: 1.1; overflow-wrap: anywhere; text-wrap: balance; }.dali-product-detail-hero-copy { width: min(100% - 32px, 1200px); padding: 72px 0 60px; }.dali-product-detail-hero p:not(.dali-kicker), .dali-product-detail-overview p:not(.dali-kicker) { max-width: 100%; overflow-wrap: anywhere; }.dali-product-detail-product-media { min-height: 280px; }.dali-product-detail-product-media img { padding: 20px; }.dali-product-detail-overview[data-product-key="dc"] .dali-product-detail-product-media img { padding: 8px; }.dali-dc-system-head h2 { font-size: clamp(31px, 8vw, 40px); overflow-wrap: anywhere; } }
@media (max-width: 980px) { .dali-product-hub-hero-inner, .dali-product-hub-intro { grid-template-columns: 1fr; gap: 34px; }.dali-product-hub-card, .dali-product-hub-card.is-featured { grid-column: span 6; grid-template-columns: 1fr; grid-template-rows: 240px 1fr; min-height: 0; }.dali-product-hub-card.is-featured figure img { padding: 28px; } }
@media (max-width: 700px) { .dali-product-hub-hero { min-height: 520px; }.dali-product-hub-hero-inner { width: min(100% - 32px, 1200px); padding: 88px 0 58px; }.dali-product-hub-hero-copy h1 { font-size: clamp(38px, 10vw, 52px); line-height: 1.08; overflow-wrap: anywhere; }.dali-product-hub-hero-copy strong { font-size: 16px; line-height: 1.7; }.dali-product-hub-body { padding: 68px 0 82px; }.dali-product-hub-intro, .dali-product-hub-grid { width: min(100% - 32px, 1200px); }.dali-product-hub-intro dl { grid-template-columns: 1fr; }.dali-product-hub-intro dl div { min-height: 0; padding: 22px 20px; }.dali-product-hub-intro dd { margin-top: 20px; }.dali-product-hub-card, .dali-product-hub-card.is-featured { grid-column: 1 / -1; grid-template-rows: 220px 1fr; }.dali-product-hub-card-copy, .dali-product-hub-card.is-featured .dali-product-hub-card-copy { padding: 24px 20px 22px; }.dali-product-hub-card-top { margin-bottom: 24px; }.dali-product-hub-card h3, .dali-product-hub-card.is-featured h3 { font-size: clamp(22px, 6vw, 28px); overflow-wrap: anywhere; }.dali-product-hub-card p, .dali-product-hub-card.is-featured p { font-size: 14px; }.dali-product-image-placeholder span { min-height: 136px; font-size: 16px; } }
@media (max-width: 430px) { .dali-product-hub-hero { min-height: 500px; }.dali-product-hub-card, .dali-product-hub-card.is-featured { grid-template-rows: 200px 1fr; }.dali-product-hub-card figure img { padding: 20px; }.dali-product-hub-card.is-featured figure img { padding: 22px; }.dali-product-hub-card li { max-width: 100%; overflow-wrap: anywhere; } }
@media (max-width: 980px) { .dali-product-hub-card[data-product-key="dc"] figure img { padding: 10px; } }
@media (max-width: 430px) { .dali-product-hub-card[data-product-key="dc"] figure img { padding: 8px; } }