.installation-page{--installation-container:1240px;color:var(--ink);background:#fff;font-family:var(--store-font)}
.installation-main{width:100%;max-width:1440px;margin:0 auto}
.installation-breadcrumbs{padding:20px max(24px,calc((100% - var(--installation-container))/2)) 0;color:var(--muted);font-size:12px}
.installation-breadcrumbs ol{display:flex;align-items:center;gap:9px;margin:0;padding:0;list-style:none;overflow:auto;white-space:nowrap}
.installation-breadcrumbs li+li:before{margin-right:9px;color:#b0b8b2;content:'→'}
.installation-breadcrumbs a:hover{color:var(--brand)}
.installation-heading{padding:38px max(24px,calc((100% - var(--installation-container))/2)) 34px}
.installation-heading h1{max-width:820px;margin:10px 0 14px;font-size:clamp(40px,4.4vw,62px);font-weight:600;line-height:1.02;letter-spacing:-.055em}
.installation-detail-heading h1{max-width:1120px;margin:14px 0 20px;font-size:clamp(42px,5.4vw,74px);font-weight:600;line-height:1.02;letter-spacing:-.055em}
.installation-heading p{max-width:800px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.installation-vehicle-search{margin:0 max(24px,calc((100% - var(--installation-container))/2));padding:24px 28px;display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);align-items:end;gap:30px;border-radius:20px;background:#f1f5f1}
.installation-vehicle-search h2{margin:6px 0 0;font-size:clamp(26px,2.5vw,36px);font-weight:600;letter-spacing:-.04em}
.installation-vehicle-search form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px}
.installation-vehicle-search label>span{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:700}
.installation-vehicle-search select{width:100%;height:48px;padding:0 42px 0 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:16px;cursor:pointer}
.installation-vehicle-search select:disabled{color:#929b95;background:#f8faf8;cursor:not-allowed}
.installation-vehicle-search .primary{height:48px;white-space:nowrap}
.installation-results{padding:58px max(24px,calc((100% - var(--installation-container))/2)) 24px}
.installation-results-head{margin-bottom:34px}
.installation-results-title-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px}
.installation-results-head h2,.installation-photo-gallery h2,.installation-related h2{margin:9px 0 0;font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.045em}
.installation-results-head p{margin:0;padding:6px 10px;border-radius:999px;background:#f1f5f1;color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap}
.installation-models{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-12px 0 34px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:11px}
.installation-models strong{margin-right:4px;color:var(--muted)}
.installation-models a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700}
.installation-models a:hover{border-color:var(--brand);color:var(--brand)}
.installation-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 18px}
.installation-public-card{min-width:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff}
.installation-card-photo{display:block;overflow:hidden;background:#edf1ed}
.installation-card-photo figure{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;background:#f1f4f1}
.installation-card-photo img{position:absolute;inset:0;display:block;width:100%;height:100%}
.installation-card-photo .installation-photo-backdrop{object-fit:cover;filter:blur(18px);transform:scale(1.1);opacity:.58}
.installation-card-photo .installation-photo-foreground{object-fit:contain;object-position:50% 50%;transition:opacity .2s}
.installation-card-photo figure.is-landscape .installation-photo-backdrop{display:none}
.installation-card-photo figure.is-landscape .installation-photo-foreground{object-fit:cover;object-position:50% 50%}
.installation-card-photo:hover .installation-photo-foreground{opacity:.94}
.installation-card-photo figcaption{position:absolute;right:0;bottom:0;left:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(8,18,12,.72));color:#fff;font-size:11px;opacity:0;transition:opacity .2s}
.installation-card-photo:hover figcaption,.installation-card-photo:focus-visible figcaption{opacity:1}
.installation-photo-count{position:absolute;right:12px;top:12px;bottom:auto;display:inline-flex;width:auto;height:auto;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(10,24,17,.78);color:#fff;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;backdrop-filter:blur(8px)}
.installation-card-copy{min-height:0;padding:22px;display:flex;flex-direction:column}
.installation-card-copy h2{margin:0;font-size:24px;font-weight:650;line-height:1.15;letter-spacing:-.035em}
.installation-card-copy h2 a:hover,.installation-product-link:hover{color:var(--brand)}
.installation-product-link{position:relative;display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:15px;font-size:14px;font-weight:750;line-height:1.4}
.installation-product-link:after{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #b7c3bb;border-radius:50%;color:var(--brand);content:'↗';font-size:11px;line-height:1}
.installation-product-link:before{position:absolute;bottom:calc(100% + 9px);left:0;z-index:6;width:max-content;max-width:280px;padding:9px 11px;border-radius:8px;background:#14261d;color:#fff;box-shadow:0 10px 26px rgba(10,28,18,.18);content:attr(data-tooltip);font-size:11px;font-weight:600;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s}
.installation-product-link:hover:before,.installation-product-link:focus-visible:before{opacity:1;transform:translateY(0)}
.installation-sku{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.installation-partner{min-height:29px;margin:9px 0 0;color:#818b85;font-size:10px;line-height:1.45}
.installation-partner strong{color:#556159;font-weight:750}
.installation-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:20px}
.installation-card-actions .primary,.installation-card-actions .secondary{width:100%;min-height:52px;padding:7px 12px;border-radius:10px;font-size:12px;line-height:1.2;text-align:center;white-space:normal}
.installation-card-actions button.secondary{font-family:inherit;font-weight:750;cursor:pointer}
.installation-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:48px}
.installation-pagination span{color:var(--muted);font-size:11px}
.installation-pagination .primary,.installation-pagination .secondary{min-height:48px}
.installation-pagination [aria-disabled=true]{opacity:.65;pointer-events:none}
.installation-detail{padding:64px max(24px,calc((100% - var(--installation-container))/2)) 20px}
.installation-detail-heading{padding-bottom:40px}
.installation-detail-heading h1{margin-bottom:0}
.installation-detail-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);align-items:start;gap:42px}
.installation-main-photo{margin:0;overflow:hidden;border-radius:24px;background:#eef1ee}
.installation-main-photo img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}
.installation-main-photo figcaption,.installation-photo-gallery figcaption{padding:12px 2px 0;color:var(--muted);font-size:11px}
.installation-facts{position:sticky;top:100px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}
.installation-facts dl{margin:0}
.installation-facts dl div{padding:16px 0;border-bottom:1px solid var(--line)}
.installation-facts dl div:first-child{padding-top:0}
.installation-facts dt{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.installation-facts dd{margin:7px 0 0;font-size:15px;font-weight:700;line-height:1.45}
.installation-facts dd a:hover{color:var(--brand)}
.installation-facts .installation-product-link{margin-top:0}
.installation-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.installation-detail-actions .primary,.installation-detail-actions .secondary{width:100%;min-height:52px;border-radius:10px}
.installation-detail-actions [data-copy-installation]{grid-column:1/-1}
.installation-photo-gallery{padding:100px 0 20px}
.installation-photo-gallery>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px;margin-top:34px}
.installation-photo-gallery figure{min-width:0;margin:0}
.installation-photo-gallery a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#edf1ed}
.installation-photo-gallery img{position:absolute;inset:0;display:block;width:100%;height:100%}
.installation-photo-gallery .installation-photo-backdrop{object-fit:cover;filter:blur(18px);transform:scale(1.1);opacity:.58}
.installation-photo-gallery .installation-photo-foreground{object-fit:contain;object-position:50% 50%;transition:opacity .2s}
.installation-photo-gallery figure.is-landscape .installation-photo-backdrop{display:none}
.installation-photo-gallery figure.is-landscape .installation-photo-foreground{object-fit:cover;object-position:50% 50%}
.installation-photo-gallery a:hover .installation-photo-foreground{opacity:.94}
.installation-related{padding:92px max(24px,calc((100% - var(--installation-container))/2)) 30px;border-top:1px solid var(--line)}
.installation-related>header{margin-bottom:34px}
.installation-related .installation-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.installation-toast{position:fixed;right:24px;bottom:24px;z-index:120;padding:13px 17px;border-radius:10px;background:#14261d;color:#fff;box-shadow:0 12px 36px rgba(10,28,18,.2);font-size:12px;font-weight:700}
.installation-toast[hidden]{display:none}
@media(max-width:980px){.installation-vehicle-search{grid-template-columns:1fr;gap:24px}.installation-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-detail-hero{grid-template-columns:1fr}.installation-facts{position:static}.installation-related .installation-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.installation-breadcrumbs{padding:16px 16px 0}.installation-heading{padding:34px 16px 28px}.installation-heading h1{font-size:36px}.installation-detail-heading h1{font-size:40px}.installation-heading p{font-size:14px}.installation-vehicle-search{margin:0 10px;padding:22px 16px;border-radius:18px}.installation-vehicle-search form{grid-template-columns:1fr}.installation-vehicle-search select{font-size:16px}.installation-results{padding:52px 16px 20px}.installation-results-title-line{align-items:flex-start;flex-direction:column;gap:9px}.installation-public-grid,.installation-related .installation-public-grid{grid-template-columns:1fr;gap:22px}.installation-card-copy{padding:19px}.installation-card-copy h2{font-size:22px}.installation-pagination{flex-wrap:wrap}.installation-detail{padding:46px 16px 16px}.installation-detail-heading{padding-bottom:28px}.installation-main-photo{border-radius:18px}.installation-facts{padding:22px;border-radius:18px}.installation-photo-gallery{padding-top:70px}.installation-photo-gallery>div{display:flex;margin-right:-16px;overflow-x:auto;scroll-snap-type:x mandatory}.installation-photo-gallery figure{flex:0 0 calc(100vw - 48px);scroll-snap-align:start}.installation-photo-gallery a{border-radius:16px}.installation-related{padding:68px 16px 20px}.installation-toast{right:16px;bottom:16px;left:16px;text-align:center}}
