@import url("application-detail.css?v=20261029-layout3");

.bonded-glass-reticles-product {
  --bonded-ink:#171717;
  --bonded-muted:#626b75;
  --bonded-soft:#f0f0f0;
  --bonded-blue:#0050a4;
  color:var(--bonded-ink);
  background:#fff;
}
.bonded-glass-reticles-product .page-heading { padding-bottom:20px; }
.bonded-glass-reticles-product .page-heading > p { max-width:62ch; }
.bonded-reticle-page .site-header.reference-header.inner-page-header { border-bottom:0 !important; box-shadow:none; }
.bonded-reticle-page .site-header.reference-header.inner-page-header .nav::after { content:none; }
.bonded-reticle-page .site-header.reference-header .site-section-contact { border-left:0; }
.bonded-reticle-page .site-header.reference-header .language-picker select { font-size:13px; }
.bonded-reticle-product h2,
.bonded-reticle-product h3,
.bonded-reticle-product p,
.bonded-reticle-product li,
.bonded-reticle-product th,
.bonded-reticle-product td { color:var(--bonded-ink); }
.bonded-reticle-product p { max-width:72ch; }
.bonded-content-banner {
  width:100%;
  margin:0;
  overflow:hidden;
  background:#f0f0f0;
}
.bonded-content-banner img {
  display:block;
  width:100%;
  height:auto;
}
.bonded-reticle-product .product-section-nav { margin-top:0; }
.bonded-kicker {
  margin:0 0 14px;
  color:var(--bonded-blue) !important;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:0;
  text-transform:uppercase;
}
.bonded-hero {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:clamp(36px,6vw,88px);
  align-items:center;
  padding-top:58px;
  padding-bottom:84px;
}
.bonded-hero-copy { max-width:650px; }
.bonded-hero-copy h2 {
  max-width:15ch;
  margin:0 0 25px;
  font-size:clamp(34px,4vw,58px);
  line-height:1.06;
  letter-spacing:0;
}
.bonded-hero-copy > p:not(.bonded-kicker) { margin:0; font-size:16px; line-height:1.82; }
.bonded-hero-copy > p + p { margin-top:14px !important; }
.bonded-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px; margin-top:30px; }
.bonded-actions .text-link { margin:0; }
.bonded-hero-media {
  margin:0;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
}
.bonded-hero-media img { width:100%; height:100%; object-fit:contain; }
.bonded-choice,
.bonded-optics,
.bonded-resources,
.bonded-reticle-product #applications { background:var(--bonded-soft); box-shadow:none; }
.bonded-choice { padding:88px 0; }
.bonded-choice-layout,
.bonded-optics-layout {
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  gap:clamp(44px,8vw,120px);
  align-items:start;
}
.bonded-choice h2,
.bonded-optics h2 { max-width:15ch; margin:0; font-size:clamp(30px,3.2vw,46px); line-height:1.12; letter-spacing:0; }
.bonded-choice-copy,
.bonded-optics-layout > div:last-child { max-width:780px; }
.bonded-choice-copy p,
.bonded-optics-layout > div:last-child p { max-width:62ch; margin:0; font-size:17px; line-height:1.82; }
.bonded-choice-copy p + p,
.bonded-optics-layout > div:last-child p + p { margin-top:18px; }
.bonded-section-heading { max-width:850px; margin-bottom:38px; }
.bonded-section-heading h2 { margin:0 0 18px; font-size:clamp(30px,3.2vw,46px); line-height:1.12; letter-spacing:0; }
.bonded-section-heading > p:last-child { max-width:760px; margin:0; font-size:16px; line-height:1.8; }
.bonded-specifications,
.bonded-patterns,
.bonded-acceptance,
.bonded-faq,
.bonded-related { padding-top:92px; padding-bottom:92px; }
.bonded-table-wrap { overflow:auto; border-radius:8px; }
.bonded-table-wrap table { width:100%; border-collapse:collapse; font-size:16px; }
.bonded-table-wrap th,
.bonded-table-wrap td { padding:20px 22px; border-bottom:1px solid var(--bonded-soft); text-align:left; vertical-align:top; }
.bonded-table-wrap tr:last-child th,
.bonded-table-wrap tr:last-child td { border-bottom:0; }
.bonded-table-wrap th { width:34%; background:var(--bonded-soft); font-weight:650; }
.bonded-pattern-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 32px; }
.bonded-pattern { margin:0; }
.bonded-pattern button {
  display:block;
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  padding:0;
  border:0;
  border-radius:8px;
  background:#fff;
  cursor:zoom-in;
}
.bonded-pattern button:focus-visible { outline:3px solid #2676bf; outline-offset:3px; }
.bonded-pattern img { width:100%; height:100%; object-fit:contain; transition:transform .45s ease; }
.bonded-pattern button:hover img { transform:scale(1.025); }
.bonded-pattern figcaption { padding-top:15px; font-size:17px; font-weight:650; line-height:1.45; }
.bonded-optics { padding:88px 0; }
.bonded-acceptance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:72px; }
.bonded-acceptance article { min-width:0; }
.bonded-acceptance h2 { max-width:16ch; margin:0 0 22px; font-size:clamp(27px,2.7vw,38px); line-height:1.16; letter-spacing:0; }
.bonded-acceptance p,
.bonded-acceptance li { font-size:16px; line-height:1.8; }
.bonded-acceptance p { max-width:62ch; }
.bonded-acceptance ul { margin:0; padding-left:20px; }
.bonded-acceptance li + li { margin-top:8px; }
.bonded-resources { padding:86px 0; }
.bonded-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 28px; }
.bonded-resource-grid .related-link { margin:0; }
.bonded-reticle-page .bonded-reticle-product .related-link {
  border:0 !important;
  border-radius:6px;
  background:#fff;
}
.bonded-reticle-product .product-section-nav { border:0 !important; background:var(--bonded-soft); }
.bonded-reticle-page .section-index-content .product-relationship-context {
  background:var(--bonded-soft) !important;
  box-shadow:none !important;
  clip-path:none;
}
.bonded-reticle-page .product-relationship-grid { border-top:0; }
.bonded-reticle-page .bonded-reticle-product .product-section-nav,
.bonded-reticle-page .bonded-reticle-product .product-section-nav::before,
.bonded-reticle-page .bonded-reticle-product .product-section-nav::after,
.bonded-reticle-page #main a.related-link::after,
.bonded-reticle-page .site-footer,
.bonded-reticle-page .site-footer .footer-bottom {
  border:0 !important;
  box-shadow:none !important;
}
.bonded-reticle-page .bonded-reticle-product .product-section-nav::before,
.bonded-reticle-page .bonded-reticle-product .product-section-nav::after,
.bonded-reticle-page #main a.related-link::after { content:none !important; }
.bonded-faq details + details { margin-top:10px; }
.bonded-faq summary { padding:21px 0; font-size:18px; font-weight:650; line-height:1.45; cursor:pointer; }
.bonded-faq details p { max-width:850px; margin:0; padding:0 0 25px; font-size:16px; line-height:1.82; }
.bonded-related .related-grid { margin:0; }
.bonded-inquiry {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  margin-top:54px;
  padding:28px 30px;
  border-radius:8px;
  background:var(--bonded-soft);
}
.bonded-inquiry p { max-width:760px; margin:0; font-size:16px; line-height:1.7; }
.bonded-inquiry .button { flex:0 0 auto; }
.bonded-pattern-dialog { width:min(920px,calc(100vw - 32px)); max-height:92dvh; padding:20px; }
.bonded-pattern-dialog .dialog-header { margin-bottom:14px; }
.bonded-pattern-dialog .dialog-header button { font-size:25px; line-height:1; }
.bonded-pattern-dialog > img { display:block; width:100%; max-height:calc(92dvh - 100px); object-fit:contain; background:#fff; }
.bonded-motion-ready [data-bonded-reveal] {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .58s ease,transform .58s ease;
}
.bonded-motion-ready [data-bonded-reveal].is-visible { opacity:1; transform:none; }

@media(max-width:900px) {
  .bonded-hero { grid-template-columns:1fr; gap:34px; padding-top:42px; padding-bottom:64px; }
  .bonded-hero-copy { max-width:760px; }
  .bonded-hero-copy h2 { max-width:15ch; }
  .bonded-hero-media { width:min(100%,680px); }
  .bonded-choice-layout,
  .bonded-optics-layout { grid-template-columns:1fr; gap:28px; }
  .bonded-choice h2,
  .bonded-optics h2 { max-width:19ch; }
  .bonded-acceptance-grid { gap:40px; }
}

@media(max-width:640px) {
  .bonded-glass-reticles-product .page-heading { padding-bottom:12px; }
  .bonded-reticle-product .product-section-nav { margin-bottom:0; }
  .bonded-hero { padding-top:34px; padding-bottom:52px; }
  .bonded-hero-copy h2 { max-width:none; font-size:33px; }
  .bonded-hero-copy > p:not(.bonded-kicker) { font-size:15px; }
  .bonded-actions { align-items:flex-start; flex-direction:column; }
  .bonded-choice,
  .bonded-optics,
  .bonded-resources { padding:62px 0; }
  .bonded-specifications,
  .bonded-patterns,
  .bonded-acceptance,
  .bonded-faq,
  .bonded-related { padding-top:64px; padding-bottom:64px; }
  .bonded-choice h2,
  .bonded-optics h2,
  .bonded-section-heading h2 { font-size:31px; }
  .bonded-choice-copy p,
  .bonded-optics-layout > div:last-child p { font-size:16px; }
  .bonded-table-wrap { border-radius:6px; }
  .bonded-table-wrap table,
  .bonded-table-wrap tbody,
  .bonded-table-wrap tr,
  .bonded-table-wrap th,
  .bonded-table-wrap td { display:block; width:100%; }
  .bonded-table-wrap tr + tr { border-top:1px solid var(--bonded-soft); }
  .bonded-table-wrap th { padding:14px 16px 6px; border:0; background:#fff; font-size:14px; }
  .bonded-table-wrap td { padding:0 16px 15px; border:0; font-size:15px; }
  .bonded-pattern-grid { grid-template-columns:1fr; gap:34px; }
  .bonded-acceptance-grid,
  .bonded-resource-grid { grid-template-columns:1fr; gap:34px; }
  .bonded-resource-grid { gap:10px; }
  .bonded-inquiry { align-items:flex-start; flex-direction:column; margin-top:40px; padding:22px 20px; }
}

@media(prefers-reduced-motion:reduce) {
  .bonded-pattern img { transition:none; }
  .bonded-motion-ready [data-bonded-reveal] { opacity:1; transform:none; transition:none; }
}