/* Remaining products inherit the approved Rail Clip materials and reading hierarchy. */
.product8-page{--p8-line:#d8e0da;--p8-shadow:0 16px 42px #173d4710;color:var(--ink);background:#f1f4ef}
.product8-hero{isolation:isolate;position:relative;padding:64px 0 56px;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#fff 0,#eff2eb 42%,#dfe8e2 100%)}
.product8-hero::before{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;background:linear-gradient(135deg,#c5d7cf66,#ffffff38);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)}
.product8-hero-lines{position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 65%,#6e8d8633 65% calc(65% + 1px),transparent calc(65% + 1px)),linear-gradient(120deg,transparent 82%,#ab925d55 82% calc(82% + 1px),transparent calc(82% + 1px))}
.product8-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"heading gallery" "info gallery";gap:24px 70px;align-items:center}
.product8-heading{grid-area:heading;align-self:end}.product8-hero-information{grid-area:info;align-self:start;min-width:0}
.product8-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#526d70;font-weight:600;margin:0 0 18px;display:block}
.product8-heading h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,4.6vw,76px);line-height:1.04;color:var(--teal);text-transform:capitalize;letter-spacing:-.015em;overflow-wrap:break-word;margin:0}
.product8-gallery{grid-area:gallery;min-width:0;align-self:center}
.product8-stage{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1.2;padding:28px;min-width:0}
.product8-stage::before{content:"";position:absolute;inset:7% 2%;z-index:-1;border:1px solid #fff9;background:linear-gradient(135deg,#d8e4dc,#f4f5ee);transform:rotate(-4deg);box-shadow:15px 22px 40px #173d4720}
.product8-stage::after{content:"";position:absolute;inset:0;border:1px solid #799b912e;border-radius:50%;z-index:-2}
.product8-stage>img{width:100%;height:100%;max-height:420px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 10px 10px #183b3b12)}
.product8-thumbs{display:flex;justify-content:center;gap:12px;margin-top:24px}.product8-thumbs button{width:88px;height:68px;padding:6px;border:1px solid #becfc6;background:#ffffff80;cursor:pointer;transition:box-shadow .2s,border-color .2s}.product8-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product8-thumbs button[aria-pressed=true]{background:white;border-color:#9b8040;box-shadow:0 5px 14px #173d4712}.product8-thumbs button:hover{border-color:var(--teal)}
.product8-hero-lead{font-size:20px;line-height:1.6;color:#4c6569;margin:0 0 28px}
.product8-specs{display:grid;margin:0;border-top:1px solid #c6d4cd}.product8-specs>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px;padding:13px 0;border-bottom:1px solid #c6d4cd;font-size:15px;line-height:1.5}.product8-specs dt{font-weight:600;color:#2b4b54}.product8-specs dd{margin:0;color:#4b646a;overflow-wrap:break-word}.product8-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:28px}.product8-actions .button{box-shadow:0 8px 20px #7c692822;min-height:54px}.product8-actions .text-link{color:var(--teal);font-size:15px}
.product8-reading{padding:64px 0 84px;background:linear-gradient(118deg,transparent 79%,#cfdbd32e 79% 79.15%,transparent 79.15%)}
.product8-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px;align-items:start}.product8-document,.product8-source,.product8-copy{min-width:0}
.product8-chapter{padding:34px 38px;background:#fff;border:1px solid #e0e7e0;box-shadow:var(--p8-shadow);margin-bottom:24px;scroll-margin-top:30px;overflow-wrap:break-word}
.product8-chapter-title{border-bottom:1px solid var(--p8-line);padding-bottom:20px;margin-bottom:24px}.product8-chapter-title h2{font-family:'Barlow Condensed',sans-serif;font-size:var(--heading-chapter-size);line-height:1.15;color:var(--teal);margin:0}.product8-chapter-title h3{font-family:'Barlow Condensed',sans-serif;font-size:var(--heading-sub-size);line-height:1.25;color:var(--teal);margin:0}.product8-chapter-title h4{font-family:'Barlow Condensed',sans-serif;font-size:var(--heading-minor-size);line-height:1.25;color:var(--teal);margin:0}.product8-chapter-title strong{font-weight:inherit}.product8-chapter-title br{display:none}.product8-technical{border-top:3px solid #cdb873}
.product8-source{font-size:17px;line-height:1.75}.product8-copy>p,.product8-faq-body p{margin:0 0 20px;max-width:none;font-size:17px;line-height:1.75}.product8-copy>*:last-child{margin-bottom:0}.product8-copy ul,.product8-copy ol{padding-left:23px;margin:20px 0}.product8-copy li{margin:7px 0}.product8-copy h2{font-size:var(--heading-chapter-size);margin:28px 0 16px;line-height:1.15}.product8-copy h3{font-size:var(--heading-sub-size);margin:28px 0 16px;line-height:1.25}.product8-source a,.product8-faq-body a{color:#0e4c60;text-decoration:underline;text-underline-offset:3px}.product8-source a:hover,.product8-faq-body a:hover{color:#705b1b;text-decoration-thickness:2px}
.product8-page .legacy-content img{max-width:100%;height:auto;object-fit:contain;float:none;margin:15px auto;vertical-align:middle}.product8-source img{max-height:650px}.product8-source p:has(>img:only-child){text-align:center}.product8-source p:has(>img:nth-of-type(2))>img{width:calc(50% - 14px);margin:8px 5px;max-height:360px}.product8-page .legacy-content .container{width:100%;max-width:none;padding:0;margin:0}
.product8-image-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:start}.product8-section-photo{position:sticky;top:28px;border:1px solid #e1e6df;padding:12px;background:#f4f6f1}.product8-section-photo p{margin:0}.product8-page .product8-section-photo img{display:block;max-height:430px;margin:0 auto}.product8-image-copy .product8-copy{font-size:16px}
.product8-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.product8-media-grid>div{display:grid;place-items:center;border:1px solid #e1e7df;background:#f7f8f4;padding:12px}.product8-page .product8-media-grid img{width:100%;height:320px;object-fit:contain;margin:0}
.product8-page .inner-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid #d0dbd4;margin:24px 0;background:white;scrollbar-color:#5e7d80 #e5ece6}.product8-page .legacy-content table{border-collapse:collapse;width:100%;min-width:580px;font-size:14px;line-height:1.55;margin:0}.product8-page .legacy-content td,.product8-page .legacy-content th{padding:13px 14px;border:1px solid #d7e0d8;height:auto;min-width:60px}.product8-page .legacy-content tr:first-child>*{background:#e5eee8;color:#143e49}.product8-page .legacy-content tr:nth-child(even)>td{background:#f6f8f3}.product8-page .legacy-content td p,.product8-page .legacy-content th p{margin:0;font-size:14px;line-height:1.55}.product8-page .legacy-content td img{max-width:210px;margin:8px auto}.product8-page .legacy-content table table{min-width:0}
.product8-sidebar{align-self:stretch;min-width:0}.product8-sidebar-sticky{position:sticky;top:25px;display:grid;gap:22px}.product8-contents{padding:24px;background:#fff;border-top:3px solid #ccb878;box-shadow:var(--p8-shadow);max-height:46vh;overflow:auto}.product8-contents h2{font-size:var(--heading-aside-size);margin:0 0 14px;line-height:1.25}.product8-contents a{display:block;padding:11px 0;border-bottom:1px solid #e0e6df;font-size:14px;line-height:1.5;text-decoration:none;color:#466069}.product8-contents a:last-child{border-bottom:0}.product8-contents a:hover{color:#103f51;text-decoration:underline}.product8-inquiry{padding:28px 25px;color:#fff;background:linear-gradient(135deg,#113d4b,#225a62);box-shadow:0 12px 26px #153e4722}.product8-inquiry .product8-kicker{color:#d6c487;font-size:10px}.product8-inquiry h2{font-size:var(--heading-aside-size);line-height:1.25;margin:0 0 18px}.product8-inquiry p{font-size:15px;line-height:1.6;color:#d2e2e3;margin:0 0 20px}.product8-inquiry .text-link{color:#dfcc87}.product8-sidebar-sticky>.text-link{justify-self:start}
.product8-faq{margin:0 0 15px;border:1px solid #d2ddd5;background:#fff;box-shadow:var(--p8-shadow)}.product8-faq summary{display:flex;justify-content:space-between;gap:20px;padding:24px 30px;cursor:pointer;list-style:none}.product8-faq summary::-webkit-details-marker{display:none}.product8-faq summary h3{font-size:var(--heading-sub-size);line-height:1.25;margin:0;color:var(--teal)}.product8-faq summary>span{font-size:25px;color:#9b8347}.product8-faq[open] summary{border-bottom:1px solid var(--p8-line)}.product8-faq[open] summary>span{transform:rotate(45deg)}.product8-faq-body{padding:26px 30px}
.product8-related{padding:65px 0 78px;background:#fff;border-top:1px solid #dce4dc}.product8-related-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.product8-related-heading h2{font-size:var(--heading-section-size);color:var(--teal);margin:0;line-height:1.15}.product8-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product8-related-card{border:1px solid #d8e2d8;background:#f2f5ef;box-shadow:0 8px 24px #193e4609;text-decoration:none;transition:transform .2s,box-shadow .2s}.product8-related-card>div{height:220px;padding:24px;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-width:0}.product8-related-card img{width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}.product8-related-card h3{display:flex;align-items:center;justify-content:space-between;font-size:var(--heading-card-size);line-height:1.25;margin:0;padding:23px;border-top:1px solid #d7e0d7;gap:20px;color:var(--teal)}.product8-related-card .icon{width:19px;height:19px;flex:none}.product8-related-card:hover{transform:translateY(-3px);box-shadow:var(--p8-shadow)}
.product8-page :focus-visible{outline:3px solid #aa8e44;outline-offset:4px}.product8-enter{animation:product8-enter .5s ease both}@keyframes product8-enter{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.product8-hero-grid{gap:24px 40px}.product8-reading-grid{grid-template-columns:minmax(0,1fr) 235px;gap:25px}.product8-chapter{padding:28px}.product8-image-copy{grid-template-columns:1fr}.product8-section-photo{position:static}.product8-heading h1{font-size:58px}.product8-stage{padding:18px}.product8-inquiry{padding:25px 20px}}
@media(max-width:767px){.product8-hero{padding:34px 0}.product8-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "gallery" "info";gap:24px}.product8-kicker{font-size:10px;margin-bottom:12px}.product8-heading h1{font-size:46px}.product8-stage{aspect-ratio:1.3;padding:18px;max-height:330px}.product8-stage>img{max-height:285px}.product8-thumbs{margin-top:15px;gap:10px}.product8-thumbs button{width:66px;height:52px}.product8-specs>div{grid-template-columns:105px minmax(0,1fr);gap:14px;font-size:13px;padding:11px 0}.product8-actions{gap:20px;margin-top:24px}.product8-actions .button{padding:15px 19px}.product8-reading{padding:32px 0 40px}.product8-reading-grid{display:block}.product8-chapter{padding:23px 19px;margin-bottom:18px}.product8-chapter-title{padding-bottom:16px;margin-bottom:19px}.product8-chapter-title h2{font-size:var(--heading-chapter-size);line-height:1.15}.product8-chapter-title h3{font-size:var(--heading-sub-size);line-height:1.25}.product8-chapter-title h4{font-size:var(--heading-minor-size);line-height:1.25}.product8-source,.product8-copy>p,.product8-faq-body p{font-size:16px;line-height:1.7}.product8-source img{max-height:none}.product8-source p:has(>img:nth-of-type(2))>img{width:100%;margin:8px 0}.product8-image-copy{gap:22px}.product8-sidebar{margin-top:28px}.product8-sidebar-sticky{position:static}.product8-contents{max-height:none}.product8-related{padding:38px 0 45px}.product8-related-heading{align-items:start;flex-direction:column;gap:12px}.product8-related-heading h2{font-size:var(--heading-section-size);line-height:1.15}.product8-related-grid{grid-template-columns:1fr;gap:18px}.product8-related-card>div{height:220px}.product8-faq summary{padding:20px}.product8-faq summary h3{font-size:var(--heading-sub-size);line-height:1.25}.product8-faq-body{padding:20px}.product8-page .legacy-content td,.product8-page .legacy-content th{padding:10px}}
@media(max-height:700px) and (min-width:768px){.product8-sidebar-sticky,.product8-section-photo{position:static}}
@media(prefers-reduced-motion:reduce){.product8-enter{animation:none}.product8-related-card,.product8-thumbs button{transition:none}}
