.catalog-page { background:#eef2ef; }
.catalog-page .site-header { background:#071820; }
.catalog-page .desktop-nav a::after { bottom:-27px; }
.catalog-hero { position:relative; overflow:hidden; padding:155px 0 72px; color:#fff; background:linear-gradient(125deg,#071820,#0d303a); }
.catalog-grid-bg { position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(35,223,177,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(35,223,177,.08) 1px,transparent 1px); background-size:55px 55px; mask-image:linear-gradient(90deg,#000,transparent); }
.catalog-hero-inner { position:relative; display:flex; justify-content:space-between; align-items:end; gap:50px; }
.catalog-hero-inner > div:first-child > span { color:var(--mint); font:10px Arial; letter-spacing:.22em; }.catalog-hero h1 { margin:15px 0 8px; font-size:clamp(42px,5vw,66px); letter-spacing:-.055em; line-height:1.15; }.catalog-hero p { margin:0; color:rgba(255,255,255,.48); font-size:14px; }
.catalog-stats { display:flex; border:1px solid rgba(255,255,255,.14); }.catalog-stats div { min-width:125px; padding:20px 24px; border-right:1px solid rgba(255,255,255,.12); }.catalog-stats div:last-child { border:0; }.catalog-stats b { display:block; color:var(--mint); font:28px Arial; }.catalog-stats span { color:rgba(255,255,255,.4); font-size:10px; }
.catalog-body { padding:0 0 100px; }.brand-filter { position:relative; z-index:2; display:grid; grid-template-columns:repeat(5,1fr); margin-top:-1px; box-shadow:0 18px 40px rgba(5,25,32,.08); }.brand-filter button { min-height:86px; padding:15px 20px; border:0; border-right:1px solid #dce3df; background:#fff; text-align:left; cursor:pointer; }.brand-filter button:last-child { border:0; }.brand-filter span { display:block; color:#8b9896; font:9px Arial; letter-spacing:.12em; }.brand-filter b { display:block; margin-top:5px; font-size:14px; }.brand-filter button.active { color:#fff; background:#11303a; box-shadow:inset 0 -3px var(--mint); }.brand-filter button.active span { color:var(--mint); }
.catalog-tools { display:grid; grid-template-columns:1fr 190px 150px; gap:12px; margin-top:38px; }.catalog-search,.catalog-tools label { min-height:50px; display:flex; align-items:center; background:#fff; border:1px solid #d7dfdc; }.catalog-search span { padding-left:17px; color:#16846b; font-size:22px; }.catalog-search input { width:100%; padding:0 15px; border:0; outline:0; background:transparent; }.catalog-tools label { position:relative; padding-left:14px; color:#7c8988; font-size:10px; }.catalog-tools select { flex:1; height:100%; padding:0 10px; border:0; outline:0; background:transparent; font-size:12px; }
.catalog-result-bar { display:flex; justify-content:space-between; align-items:center; margin:26px 0 15px; }.catalog-result-bar p { margin:0; color:#6f7e7c; font-size:11px; }.catalog-result-bar strong { color:#0e302c; font-size:14px; }.catalog-result-bar button { color:#667572; border:0; background:transparent; cursor:pointer; font-size:10px; }
.catalog-list { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.catalog-item { min-width:0; display:grid; grid-template-columns:40% 60%; min-height:430px; overflow:hidden; background:#fff; box-shadow:0 10px 32px rgba(8,31,39,.06); transition:transform .25s,box-shadow .25s; }.catalog-item:hover { transform:translateY(-4px); box-shadow:0 22px 45px rgba(8,31,39,.12); }
.catalog-product-art { position:relative; overflow:hidden; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#102f39,#07181f); }.catalog-product-art::before { content:""; position:absolute; width:230px; height:230px; border:1px solid color-mix(in srgb,var(--brand) 35%,transparent); border-radius:50%; }.art-ring { position:absolute; width:155px; height:155px; border:1px dashed rgba(255,255,255,.12); border-radius:50%; }.art-device { position:relative; z-index:1; width:108px; height:137px; padding:16px 12px; border:1px solid rgba(255,255,255,.28); background:linear-gradient(145deg,#254653,#0a1d25); box-shadow:15px 17px 0 rgba(255,255,255,.025),0 25px 35px rgba(0,0,0,.3); }.art-device::before { content:""; position:absolute; left:-7px; top:10px; bottom:10px; width:5px; background:repeating-linear-gradient(0deg,var(--brand) 0 2px,transparent 2px 8px); }.art-device i { display:block; height:22px; margin-bottom:10px; border:1px solid rgba(255,255,255,.15); background:repeating-linear-gradient(90deg,var(--brand) 0 2px,transparent 2px 9px); opacity:.7; }.art-device strong { position:absolute; left:11px; bottom:27px; font:11px Arial; }.art-device small { position:absolute; left:11px; bottom:12px; color:rgba(255,255,255,.4); font:7px Arial; }.catalog-product-art > span { position:absolute; bottom:18px; left:20px; color:rgba(255,255,255,.3); font:7px Arial; letter-spacing:.12em; }
.catalog-item-body { min-width:0; display:flex; flex-direction:column; padding:27px 25px 23px; }.catalog-item-meta { display:flex; justify-content:space-between; gap:10px; }.catalog-item-meta span { color:var(--brand); font:9px Arial; font-weight:700; letter-spacing:.1em; }.catalog-item-meta em { color:#84928f; font-size:9px; font-style:normal; }.catalog-item h2 { margin:16px 0 1px; font-size:23px; line-height:1.25; }.catalog-item h3 { margin:0 0 12px; color:#55706d; font-size:11px; font-weight:500; }.catalog-item-body > p { min-height:60px; margin:0; color:#71807e; font-size:11px; line-height:1.8; }.catalog-key-specs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:15px; }.catalog-key-specs div { min-width:0; padding:8px; background:#f3f6f4; }.catalog-key-specs span,.catalog-key-specs b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.catalog-key-specs span { color:#8b9694; font-size:7px; }.catalog-key-specs b { margin-top:2px; font-size:9px; }.model-preview { margin-top:14px; }.model-preview > span { color:#85908e; font-size:8px; }.model-preview p { overflow:hidden; margin:2px 0 0; color:#3d5753; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.catalog-item-actions { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:14px; border-top:1px solid #e1e6e3; }.catalog-item-actions > a:first-child { color:#0d6f5b; font-size:10px; font-weight:600; }.catalog-item-actions > a:first-child span { margin-left:18px; }.quick-quote { padding:5px 9px; border:1px solid #b9c8c4; font-size:9px; }.catalog-empty { padding:80px 20px; text-align:center; background:#fff; }.catalog-empty b { font-size:20px; }.catalog-empty p { color:#7c8a88; }.catalog-empty a { color:#08775f; }.catalog-notice { display:flex; gap:15px; margin-top:25px; padding:20px; border:1px solid #cad7d2; color:#647471; }.catalog-notice > span { flex:none; display:grid; place-items:center; width:25px; height:25px; color:#08755d; border:1px solid #84ad9f; border-radius:50%; font:italic 13px serif; }.catalog-notice p { margin:0; font-size:10px; line-height:1.8; }

/* Detail */
.detail-loading,.detail-error { min-height:70vh; display:grid; place-content:center; text-align:center; }.detail-error b { color:#d9e2de; font:100px Arial; }.detail-error h1 { margin:0; }.detail-error a { color:#08775f; }.detail-hero { padding:120px 0 70px; background:#f2f5f3; }.detail-breadcrumb { display:flex; gap:9px; margin:17px 0 38px; color:#7b8987; font-size:10px; }.detail-breadcrumb i { font-style:normal; }.detail-hero-grid { display:grid; grid-template-columns:1fr .92fr; min-height:510px; background:#fff; box-shadow:0 25px 60px rgba(5,30,38,.1); }.detail-copy { padding:62px 55px; }.detail-brand { display:block; color:var(--brand); font:10px Arial; font-weight:700; letter-spacing:.17em; }.detail-copy > em { display:inline-block; margin-top:14px; padding:4px 8px; color:#60726f; background:#edf2ef; font-size:9px; font-style:normal; }.detail-copy h1 { margin:22px 0 3px; font-size:clamp(38px,4vw,55px); line-height:1.1; letter-spacing:-.05em; }.detail-copy h2 { margin:0 0 25px; color:#4f6a66; font-size:15px; font-weight:500; }.detail-copy > p { max-width:540px; color:#6f7d7b; font-size:13px; line-height:1.9; }.detail-buttons { display:flex; gap:10px; margin-top:35px; }.detail-print { border-color:#bdc9c5; background:#fff; }.detail-art { position:relative; overflow:hidden; display:grid; place-items:center; color:#fff; background:radial-gradient(circle at center,#164452,#071820 70%); }.detail-orbit { position:absolute; width:380px; height:380px; border:1px solid color-mix(in srgb,var(--brand) 45%,transparent); border-radius:50%; box-shadow:0 0 0 65px rgba(255,255,255,.018); }.detail-device { position:relative; z-index:1; width:190px; height:250px; padding:25px; border:1px solid rgba(255,255,255,.35); background:linear-gradient(145deg,#31535f,#0b2028); box-shadow:25px 28px 0 rgba(255,255,255,.03),0 35px 60px rgba(0,0,0,.35); }.device-screen { height:67px; padding:15px; border:1px solid rgba(255,255,255,.18); color:var(--brand); font:17px Arial; font-weight:700; }.device-screen small { display:block; margin-top:7px; color:rgba(255,255,255,.32); font-size:7px; }.device-slots { margin-top:25px; }.device-slots i { display:block; height:3px; margin:8px 0; background:linear-gradient(90deg,var(--brand) 0 30%,rgba(255,255,255,.12) 30%); }.detail-device > b { position:absolute; bottom:20px; font:12px Arial; }.detail-art > span { position:absolute; bottom:24px; color:rgba(255,255,255,.3); font-size:8px; letter-spacing:.12em; }.detail-anchor { position:sticky; z-index:50; top:76px; border-bottom:1px solid #d8e0dd; background:rgba(255,255,255,.95); backdrop-filter:blur(10px); }.detail-anchor .container { display:flex; gap:35px; overflow:auto; }.detail-anchor a { flex:none; padding:17px 0; color:#61716f; font-size:10px; }.detail-anchor a:hover { color:#08755e; }
.detail-content { padding:100px 0; }.detail-two-col { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }.detail-kicker,.detail-section-head > span,.detail-manual-section > .container > div > span { color:#148069; font:9px Arial; font-weight:700; letter-spacing:.2em; }.detail-two-col h2,.detail-section-head h2,.detail-manual-section h2 { margin:15px 0 0; font-size:clamp(30px,3.5vw,46px); line-height:1.3; letter-spacing:-.04em; }.detail-two-col p { color:#6a7a77; font-size:13px; line-height:1.9; }.detail-two-col .detail-lead { margin-top:0; color:#283e3a; font-size:17px; }.application-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }.application-chips span { padding:7px 12px; border:1px solid #bdcbc6; color:#4e6661; font-size:10px; }
.detail-spec-section { padding:95px 0; color:#fff; background:#0a2028; }.detail-section-head { margin-bottom:40px; }.detail-section-head > span { color:var(--mint); }.detail-section-head > p { max-width:680px; color:#778682; font-size:11px; }.detail-spec-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(255,255,255,.14); }.detail-spec-grid div { min-height:155px; padding:25px; border-right:1px solid rgba(255,255,255,.14); }.detail-spec-grid div:last-child { border:0; }.detail-spec-grid i { display:block; color:rgba(255,255,255,.25); font:9px Arial; font-style:normal; }.detail-spec-grid span { display:block; margin-top:30px; color:rgba(255,255,255,.43); font-size:10px; }.detail-spec-grid b { display:block; margin-top:6px; color:var(--mint); font-size:15px; }.detail-model-section { padding:100px 0; }.model-table-wrap { overflow:auto; background:#fff; box-shadow:0 14px 40px rgba(8,31,38,.07); }.model-table-wrap table { width:100%; min-width:700px; border-collapse:collapse; }.model-table-wrap th { padding:16px 20px; color:#71807d; background:#e8eeeb; text-align:left; font-size:9px; }.model-table-wrap td { padding:20px; border-bottom:1px solid #e2e8e5; color:#687875; font-size:11px; }.model-table-wrap td b { color:#183732; font:13px Arial; }.model-table-wrap td a { color:#08765e; white-space:nowrap; }
.detail-app-section { padding:95px 0; background:#e5ebe8; }.detail-app-grid { display:grid; grid-template-columns:repeat(4,1fr); background:#cbd5d1; gap:1px; }.detail-app-grid article { min-height:260px; padding:25px; background:#f4f7f5; }.detail-app-grid article > i { color:#94a19f; font:9px Arial; font-style:normal; }.app-icon { width:46px; height:46px; display:grid; place-items:center; margin:35px 0 24px; color:#08775f; border:1px solid #97b8ae; font-size:19px; }.detail-app-grid h3 { font-size:17px; }.detail-app-grid p { color:#758481; font-size:10px; line-height:1.8; }.detail-manual-section { padding:90px 0; }.detail-manual-section > .container { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; }.detail-manual-section p { color:#71817e; font-size:11px; line-height:1.8; }.manual-list { border-top:1px solid #c7d2ce; }.manual-list a,.manual-list button { width:100%; display:grid; grid-template-columns:50px 1fr auto; align-items:center; gap:15px; min-height:80px; padding:12px 5px; color:inherit; border:0; border-bottom:1px solid #c7d2ce; background:transparent; text-align:left; cursor:pointer; }.manual-list > * > b { display:grid; place-items:center; width:40px; height:40px; color:#08745d; border:1px solid #9eb9b0; font:9px Arial; }.manual-list span { font-size:12px; }.manual-list small { display:block; margin-top:3px; color:#899592; font-size:9px; }.manual-list i { color:#08765e; font-style:normal; }.detail-cta { padding:75px 0; color:#fff; background:#0a2028; }.detail-cta > .container { display:flex; justify-content:space-between; align-items:center; gap:40px; }.detail-cta span { color:var(--mint); font:9px Arial; letter-spacing:.2em; }.detail-cta h2 { margin:10px 0 5px; font-size:32px; }.detail-cta p { margin:0; color:rgba(255,255,255,.45); font-size:11px; }

@media(max-width:950px){.catalog-list{grid-template-columns:1fr}.catalog-item{grid-template-columns:34% 66%}.catalog-hero-inner{display:block}.catalog-stats{width:max-content;margin-top:35px}.detail-hero-grid{grid-template-columns:1fr}.detail-art{min-height:450px}.detail-two-col,.detail-manual-section>.container{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.catalog-page .header-inner{height:68px}.catalog-hero{padding:125px 0 55px}.brand-filter{grid-template-columns:1fr 1fr}.brand-filter button:first-child{grid-column:1/3}.catalog-tools{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/3}.catalog-stats div{min-width:95px;padding:15px}.catalog-list{gap:12px}.catalog-item{grid-template-columns:1fr}.catalog-product-art{min-height:270px}.catalog-item-body{min-height:400px}.detail-copy{padding:42px 24px}.detail-buttons{flex-direction:column}.detail-art{min-height:390px}.detail-anchor{top:68px}.detail-spec-grid{grid-template-columns:1fr 1fr}.detail-spec-grid div:nth-child(2){border-right:0}.detail-spec-grid div{border-bottom:1px solid rgba(255,255,255,.14)}.detail-app-grid{grid-template-columns:1fr 1fr}.detail-cta>.container{display:block}.detail-cta .btn{margin-top:25px}.catalog-page .mobile-menu{top:68px}}
@media print{.site-header,.detail-anchor,.detail-cta,.site-footer,.detail-buttons{display:none!important}.detail-hero{padding:20px 0}.detail-hero-grid{box-shadow:none}.detail-copy{padding:25px}.detail-art{min-height:350px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.detail-content,.detail-spec-section,.detail-model-section,.detail-app-section,.detail-manual-section{padding:35px 0}.detail-spec-section{color:#111;background:#fff}.detail-spec-grid{border-color:#bbb}.detail-spec-grid div{min-height:100px;border-color:#bbb}.detail-spec-grid span{color:#555}.detail-spec-grid b{color:#111}.detail-app-section{background:#fff}.manual-list{display:none}.detail-manual-section>.container{grid-template-columns:1fr}.detail-manual-section{page-break-before:always}}

/* Official local product imagery */
.catalog-product-art.has-real-image { background: radial-gradient(circle at 50% 42%, #fff 0, #f5f7f6 68%, #e8eeeb 100%); }
.catalog-real-image { position: absolute; z-index: 3; inset: 18px 14px 38px; display: grid; place-items: center; }
.catalog-real-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 15px 18px rgba(7, 31, 39, .12)); transition: transform .35s ease; }
.catalog-item:hover .catalog-real-image img { transform: scale(1.035); }
.catalog-product-art.has-real-image:not(.image-error) .art-ring,
.catalog-product-art.has-real-image:not(.image-error) .art-device { opacity: 0; visibility: hidden; }
.catalog-product-art.has-real-image > span { z-index: 4; color: #74827f; }
.catalog-product-art.has-real-image.image-error { background: linear-gradient(145deg, #102f39, #07181f); }
.catalog-product-art.image-error .catalog-real-image { display: none; }
.catalog-product-art.image-error > span { color: rgba(255,255,255,.3); }

.detail-art.has-real-image { background: radial-gradient(circle at 50% 45%, #fff 0, #f4f7f5 68%, #e1e8e5 100%); }
.detail-real-image { position: absolute; z-index: 3; width: 88%; height: 80%; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 25px 28px rgba(7, 31, 39, .14)); }
.detail-art.has-real-image:not(.image-error) .detail-orbit,
.detail-art.has-real-image:not(.image-error) .detail-device { opacity: 0; visibility: hidden; }
.detail-image-source { position: absolute; z-index: 4; right: 24px; bottom: 20px; padding: 7px 10px; color: #556c68; background: rgba(255,255,255,.86); border: 1px solid #ccd7d3; font-size: 8px; letter-spacing: .04em; }
.detail-image-source:hover { color: #08745d; border-color: #83ac9f; }
.detail-art.has-real-image.image-error { background: radial-gradient(circle at center,#164452,#071820 70%); }
.detail-art.image-error .detail-real-image,
.detail-art.image-error .detail-image-source { display: none; }

@media (max-width: 700px) {
  .catalog-real-image { inset: 15px 12px 34px; }
  .detail-real-image { width: 94%; height: 76%; }
  .detail-image-source { right: 14px; bottom: 13px; }
}

@media print {
  .detail-art.has-real-image { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .detail-image-source { color: #444; background: #fff; }
}