.accessory-product .ap-hero {
  background:radial-gradient(ellipse at 75% 25%, var(--ht-color-bg-subtle) 0, transparent 65%), linear-gradient(120deg, var(--ht-color-bg), var(--ht-color-bg-subtle));
  padding-block:24px 64px;
}
.accessory-product .ap-columns {
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr);
  align-items:center;
  gap:32px;
}
.accessory-product .ap-copy { min-width:0; }
.accessory-product h1 {
  color:var(--ht-color-ink);
  font-size:var(--public-text-h1);
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
}
.accessory-product h1 span { display:block; color:inherit; }
.accessory-product .ap-benefit {
  color:var(--ht-color-primary);
  font-size:var(--public-text-body);
  font-weight:700;
  line-height:1.6;
  margin-block:22px 18px;
}
.accessory-product .ap-description {
  color:var(--ht-color-ink);
  font-size:var(--public-text-body);
  line-height:1.6;
}
.accessory-product .ap-actions, .accessory-product .ap-contact-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.accessory-product .ap-primary {
  background:var(--ht-button-bg, var(--ht-color-primary));
  border-color:var(--ht-button-bg, var(--ht-color-primary));
  color:var(--ht-color-bg);
}
@media (hover:hover) and (pointer:fine) {
.accessory-product .ap-primary:hover { background:var(--ht-button-bg, var(--ht-color-primary)); }
}
.accessory-product .ap-secondary {
  background:var(--ht-control-bg, var(--ht-color-bg));
  border-color:var(--ht-control-border, var(--ht-color-control-border));
  color:var(--ht-control-text, var(--ht-color-primary));
}
@media (hover:hover) and (pointer:fine) {
.accessory-product .ap-secondary:hover { background:var(--ht-control-bg, var(--ht-color-bg-subtle)); }
}
.accessory-product .ap-illustration { position:relative; min-width:0; }
.accessory-product .ap-illustration img {
  width:100%;
  height:auto;
  object-fit:contain;
}
.accessory-product .ap-illustration figcaption {
  position:absolute;
  bottom:2.7%;
  inset-inline:0;
  display:grid;
  grid-template-columns:60% 40%;
  text-align:center;
  color:var(--ht-color-ink);
  font-size:var(--public-text-small);
  line-height:1.6;
}
.accessory-product .ap-dialog {
  width:min(620px, calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  border:1px solid var(--line);
  border-radius:var(--ht-radius-card);
  padding:24px;
  color:var(--ink);
  background:var(--ht-color-bg);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.accessory-product .ap-dialog::backdrop { background:#08284bb3; }
.accessory-product .ap-dialog [hidden] { display:none; }
.accessory-product .ap-dialog-heading {
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:20px;
}
.accessory-product .ap-dialog h2 { font-size:var(--public-text-h2); flex:1; }
.accessory-product .ap-dialog-heading form { margin:0; }
.accessory-product .ap-dialog label { display:block; margin-block:16px 8px; font-weight:600; }
.accessory-product .ap-dialog select, .accessory-product .ap-dialog textarea, .accessory-product .ap-dialog input {
  width:100%;
  max-width:100%;
  min-height:48px;
  border:1px solid var(--ht-color-control-border);
  border-radius:var(--ht-radius-control);
  padding:12px;
  color:var(--ink);
  background:var(--ht-color-bg);
  font:inherit;
}
.accessory-product .ap-dialog textarea { resize:vertical; margin-bottom:12px; }
.accessory-product .ap-dialog :is(input, select, textarea):focus-visible { outline:3px solid var(--ht-color-primary); outline-offset:3px; }
.accessory-product .ap-copy-status { font-size:var(--public-text-body); margin-top:8px; }
.accessory-product .ap-selection {
  padding-block:64px 72px;
  background:linear-gradient(120deg, var(--ht-color-bg), var(--ht-color-bg-subtle));
  scroll-margin-top:28px;
}
.accessory-product .ap-selection-eyebrow {
  color:var(--ht-color-primary);
  font-size:var(--public-text-body);
  font-weight:700;
  letter-spacing:.055em;
  margin-bottom:16px;
}
.accessory-product .ap-selection h2 { color:var(--ht-color-ink); font-size:var(--public-text-h2); }
.accessory-product .ap-selection-description { color:var(--ht-color-ink); margin-block:16px 28px; }
.accessory-product .ap-selection-cards { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; }
.accessory-product .ap-selection-card {
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:12px;
  background:var(--ht-color-bg);
  border:1px solid var(--ht-color-control-border);
  border-radius:var(--ht-radius-control);
}
.accessory-product .ap-selection-card img {
  width:100%;
  aspect-ratio:4 / 3;
  height:auto;
  object-fit:contain;
  border-radius:var(--ht-radius-control);
}
.accessory-product .ap-selection-body { display:flex; flex-direction:column; flex:1; padding:18px 6px 8px; }
.accessory-product .ap-selection-body h3 { color:var(--ht-color-ink); font-size:var(--public-text-h3); }
.accessory-product .ap-selection-body p { color:var(--ht-color-ink); font-size:var(--public-text-body); line-height:var(--public-leading-body); margin-block:14px 20px; }
.accessory-product .ap-selection-body .button { width:100%; margin-top:auto; }
@media (max-width:900px) {
  .accessory-product .ap-selection { padding-block:48px; }
  .accessory-product .ap-selection-cards { grid-template-columns:minmax(0, 1fr); }
  .accessory-product .ap-selection-card { width:100%; max-width:680px; margin-inline:auto; }
  .accessory-product .ap-columns { grid-template-columns:minmax(0, 1fr); gap:32px; }
  .accessory-product .ap-hero { padding-block:20px 44px; }
  .accessory-product h1 { font-size:var(--public-text-h1); }
  .accessory-product h1 span { display:inline; }
  .accessory-product .ap-copy { max-width:750px; }
  .accessory-product .ap-illustration { width:100%; max-width:680px; margin-inline:auto; }
}
@media (max-width:600px) {
  .accessory-product .ap-selection { padding-block:40px 48px; }
  .accessory-product .ap-selection h2 { font-size:var(--public-text-h2); }
  .accessory-product .ap-selection-body h3 { font-size:var(--public-text-h3); }
  .accessory-product h1 { font-size:var(--public-text-h1); }
  .accessory-product .ap-benefit { font-size:var(--public-text-body); margin-block:18px 16px; }
  .accessory-product .ap-actions, .accessory-product .ap-contact-actions { flex-direction:column; }
  .accessory-product .ap-actions .button, .accessory-product .ap-contact-actions .button { width:100%; }
  .accessory-product .ap-dialog { padding:20px; }
}

.accessory-product .ap-joining {
  padding-block:72px;
  background:linear-gradient(120deg, var(--ht-color-bg), var(--ht-color-bg-subtle));
  scroll-margin-top:28px;
  color:var(--ht-color-ink);
}
.accessory-product .ap-joining p { color:inherit; }
.accessory-product .ap-joining .ap-joining-eyebrow {
  color:var(--ht-color-primary);
  font-size:var(--public-text-small);
  font-weight:700;
  letter-spacing:.035em;
  margin-bottom:16px;
}
.accessory-product .ap-joining h2 { color:var(--ht-color-ink); font-size:var(--public-text-h2); }
.accessory-product .ap-joining-intro { margin-block:16px 28px; max-width:1060px; }
.accessory-product .ap-joining-feature {
  scroll-margin-top:28px;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(0, 1fr);
  align-items:start;
  gap:28px;
  padding:16px;
  background:var(--ht-color-bg);
  border:1px solid var(--ht-color-border);
  border-radius:var(--ht-radius-card);
}
.accessory-product .ap-joining-media {
  min-width:0;
  align-self:center;
  border-radius:var(--ht-radius-card);
  overflow:hidden;
  background:var(--ht-color-bg-subtle);
}
.accessory-product .ap-joining img { width:100%; height:auto; object-fit:contain; }
.accessory-product .ap-joining-parts { padding-bottom:24px; }
.accessory-product .ap-joining-parts figcaption {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  text-align:center;
  font-weight:700;
  font-size:var(--public-text-small);
  padding-inline:12px;
}
.accessory-product .ap-joining-content { min-width:0; padding:8px 8px 4px 0; }
.accessory-product .ap-joining .ap-joining-label { color:var(--ht-color-primary); font-weight:700; margin-bottom:10px; }
.accessory-product .ap-joining h3 { color:var(--ht-color-ink); font-size:var(--public-text-h3); }
.accessory-product .ap-joining-description { margin-block:14px 18px; line-height:1.6; }
.accessory-product .ap-joining-rule, .accessory-product .ap-joining-application {
  background:var(--ht-color-bg-subtle);
  border-radius:var(--ht-radius-card);
  padding:14px 16px;
  margin-bottom:18px;
}
.accessory-product .ap-joining-rule { border-left:3px solid var(--ht-color-border); }
.accessory-product .ap-joining-rule strong { display:block; color:var(--ht-color-primary); line-height:1.6; }
.accessory-product .ap-joining h4 { color:var(--ht-color-ink); font-size:var(--public-text-body); line-height:1.6; font-weight:700; margin:0 0 4px; }
.accessory-product .ap-joining-length { border:0; padding:0; margin:16px 0 12px; min-width:0; }
.accessory-product .ap-joining-length legend { float:none; width:auto; font-size:var(--public-text-body); margin-bottom:8px; }
.accessory-product .ap-joining-options { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0; }
.accessory-product .ap-joining-options label { position:relative; cursor:pointer; }
.accessory-product .ap-joining-options input { position:absolute; opacity:0; width:1px; height:1px; }
.accessory-product .ap-joining-options span {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:48px;
  border:1px solid var(--ht-color-control-border);
  color:var(--ht-color-primary);
  font-weight:700;
}
.accessory-product .ap-joining-options label:first-child span { border-radius:8px 0 0 8px; }
.accessory-product .ap-joining-options label:last-child span { border-radius:0 8px 8px 0; }
.accessory-product .ap-joining-options input:checked + span { background:var(--ht-color-primary); color:var(--ht-color-bg); }
.accessory-product .ap-joining-options input:focus-visible + span { outline:3px solid var(--ht-color-primary); outline-offset:3px; position:relative; z-index:1; }
.accessory-product .ap-joining .ap-joining-price { color:var(--ht-color-primary); font-size:var(--public-text-body); line-height:1.6; font-weight:700; margin-bottom:8px; }
.accessory-product .ap-joining .ap-joining-note { color:var(--ht-color-text-muted); font-size:var(--public-text-small); line-height:1.6; margin-top:8px; }
.accessory-product .ap-joining-bare { border-top:1px solid var(--ht-color-border); padding-top:16px; margin-block:18px; }
.accessory-product .ap-joining-content .button { width:100%; min-height:48px; }
.accessory-product .ap-joining-helper { margin-top:12px; }
.accessory-product .ap-joining-alternatives { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; margin-top:24px; }
.accessory-product .ap-joining-alternative { min-width:0; display:grid; grid-template-rows:subgrid; grid-row:span 3; row-gap:0; background:var(--ht-color-bg); border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); padding:12px; }
.accessory-product .ap-joining-alternative > img { border-radius:var(--ht-radius-card); }
.accessory-product .ap-joining-alternative-body { display:flex; flex-direction:column; flex:1; padding:16px 8px 8px; }
.accessory-product .ap-joining .ap-joining-benefit { color:var(--ht-color-primary); font-weight:700; font-size:var(--public-text-body); line-height:1.6; margin-top:8px; }
.accessory-product .ap-joining-application { padding:12px; margin-bottom:12px; font-size:var(--public-text-body); }
.accessory-product .ap-joining .ap-joining-alternative-price { font-weight:700; color:var(--ht-color-primary); font-size:var(--public-text-body); line-height:1.6; margin-top:8px; }
.accessory-product .ap-joining-h-prices { margin:0; border-radius:var(--ht-radius-card); padding:8px 12px; background:var(--ht-color-bg-subtle); }
.accessory-product .ap-joining-h-prices > div { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; column-gap:12px; padding-block:8px; }
.accessory-product .ap-joining-h-prices > div + div { border-top:1px solid var(--ht-color-border); }
.accessory-product .ap-joining-h-prices dt { font-weight:400; }
.accessory-product .ap-joining-h-prices dd { color:var(--ht-color-primary); font-weight:700; font-size:var(--public-text-body); margin:0; }
.accessory-product .ap-joining-alternative-body .button { width:100%; min-height:48px; margin-top:auto; }
.accessory-product .ap-joining-alternative-price, .accessory-product .ap-joining-h-prices { margin-bottom:24px; }
.accessory-product .ap-joining .ap-joining-vat { text-align:center; font-size:var(--public-text-body); color:var(--ht-color-text-muted); margin-top:16px; }
@media (max-width:900px) {
  .accessory-product .ap-joining { padding-block:48px; }
  .accessory-product .ap-joining-feature, .accessory-product .ap-joining-alternatives { grid-template-columns:minmax(0, 1fr); }
  .accessory-product .ap-joining-media { width:100%; max-width:680px; margin-inline:auto; }
  .accessory-product .ap-joining-content { padding:0 8px 8px; }
  .accessory-product .ap-joining-alternative { width:100%; max-width:720px; margin-inline:auto; }
}
@media (max-width:600px) {
  .accessory-product .ap-joining { padding-block:40px 48px; }
  .accessory-product .ap-joining h2 { font-size:var(--public-text-h2); }
  .accessory-product .ap-joining h3 { font-size:var(--public-text-h3); }
  .accessory-product .ap-joining-feature { padding:12px; gap:24px; border-radius:var(--ht-radius-card); }
  .accessory-product .ap-joining-content { padding:0; }
  .accessory-product .ap-joining-parts figcaption { font-size:var(--public-text-small); padding-inline:4px; }
  .accessory-product .ap-joining .ap-joining-benefit { font-size:var(--public-text-body); }
  .accessory-product .ap-joining .ap-joining-price { font-size:var(--public-text-body); }
  .accessory-product .ap-joining-alternative-body { padding-inline:4px; }
}

.accessory-product .ap-fasteners {
  padding-block:72px;
  background:linear-gradient(120deg, var(--ht-color-bg), var(--ht-color-bg-subtle));
  color:var(--ht-color-ink);
  scroll-margin-top:28px;
}
.accessory-product .ap-fasteners p { color:inherit; }
.accessory-product .ap-fasteners .ap-fasteners-eyebrow {
  color:var(--ht-color-primary);
  font-size:var(--public-text-small);
  font-weight:700;
  letter-spacing:.035em;
  margin-bottom:16px;
}
.accessory-product .ap-fasteners h2 { color:var(--ht-color-ink); font-size:var(--public-text-h2); }
.accessory-product .ap-fasteners-intro { margin-block:16px 28px; max-width:1060px; }
.accessory-product .ap-fasteners-cards { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; }
.accessory-product .ap-fastener-card {
  min-width:0;
  display:grid;
  grid-template-rows:subgrid;
  grid-row:span 3;
  row-gap:0;
  padding:12px;
  background:var(--ht-color-bg);
  border:1px solid var(--ht-color-border);
  border-radius:var(--ht-radius-card);
}
.accessory-product .ap-fastener-card img {
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:var(--ht-radius-card);
}
.accessory-product .ap-fastener-card figcaption { font-size:var(--public-text-small); line-height:1.6; padding:12px 8px 0; }
.accessory-product .ap-fastener-body { display:flex; flex-direction:column; flex:1; min-width:0; padding:16px 8px 8px; }
.accessory-product .ap-fasteners h3 { color:var(--ht-color-ink); font-size:var(--public-text-h3); }
.accessory-product .ap-fasteners .ap-fastener-benefit { color:var(--ht-color-primary); font-size:var(--public-text-body); font-weight:700; line-height:1.6; margin-block:10px 14px; }
.accessory-product .ap-fastener-description { line-height:1.6; margin-bottom:18px; }
.accessory-product .ap-fastener-application { background:var(--ht-color-bg-subtle); border-radius:var(--ht-radius-card); padding:12px 16px; margin-bottom:16px; }
.accessory-product .ap-fastener-specifications { list-style:none; margin:0 0 18px; padding:0; font-size:var(--public-text-body); line-height:1.6; }
.accessory-product .ap-fastener-purchase { margin-top:auto; }
.accessory-product .ap-fastener-price-label { margin-bottom:4px; }
.accessory-product .ap-fasteners .ap-fastener-price { color:var(--ht-color-primary); font-size:var(--public-text-body); font-weight:700; line-height:1.6; margin-bottom:16px; }
.accessory-product .ap-fastener-purchase .button { width:100%; min-height:48px; }
.accessory-product .ap-fasteners .ap-fasteners-vat { color:var(--ht-color-text-muted); text-align:center; font-size:var(--public-text-body); margin-top:20px; }
@media (max-width:900px) {
  .accessory-product .ap-fasteners { padding-block:48px; }
  .accessory-product .ap-fasteners-cards { grid-template-columns:minmax(0, 1fr); }
  .accessory-product .ap-fastener-card { width:100%; max-width:720px; margin-inline:auto; }
}
@media (max-width:600px) {
  .accessory-product .ap-fasteners { padding-block:40px 48px; }
  .accessory-product .ap-fasteners h2 { font-size:var(--public-text-h2); }
  .accessory-product .ap-fasteners h3 { font-size:var(--public-text-h3); }
  .accessory-product .ap-fasteners .ap-fastener-benefit { font-size:var(--public-text-body); }
  .accessory-product .ap-fastener-body { padding-inline:4px; }
}

.accessory-product .ap-advice {
  padding-block:72px;
  background:radial-gradient(ellipse at 75% 25%, var(--ht-color-bg-subtle) 0, transparent 65%), linear-gradient(120deg, var(--ht-color-bg), var(--ht-color-bg-subtle));
  scroll-margin-top:28px;
  color:var(--ht-color-ink);
}
.accessory-product .ap-advice-columns { display:grid; grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr); gap:40px; align-items:start; }
.accessory-product .ap-advice-copy, .accessory-product .ap-advice-card { min-width:0; }
.accessory-product .ap-advice p { color:inherit; line-height:1.6; }
.accessory-product .ap-advice .ap-advice-eyebrow { color:var(--ht-color-primary); font-size:var(--public-text-small); font-weight:700; letter-spacing:.035em; margin-bottom:16px; }
.accessory-product .ap-advice h2 { color:var(--ht-color-ink); font-size:var(--public-text-h2); line-height:1.3; }
.accessory-product .ap-advice h2 span { display:block; }
.accessory-product .ap-advice h2 span + span { color:var(--ht-color-primary); }
.accessory-product .ap-advice-description { margin-block:20px 32px; }
.accessory-product .ap-advice-benefits { display:grid; gap:28px; list-style:none; margin:0; padding:0; }
.accessory-product .ap-advice-benefits li { display:grid; grid-template-columns:52px minmax(0, 1fr); gap:20px; }
.accessory-product .ap-advice-check { display:flex; align-items:center; justify-content:center; width:52px; height:52px; background:var(--ht-color-bg-subtle); color:var(--ht-color-primary); border-radius:var(--ht-radius-card); }
.accessory-product .ap-advice-check svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.accessory-product .ap-advice-benefits h3 { color:var(--ht-color-ink); font-size:var(--public-text-h3); line-height:1.3; margin-bottom:8px; }
.accessory-product .ap-advice-card { padding:32px; background:var(--ht-color-bg); border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); box-shadow:0 8px 28px #0764ad12; }
.accessory-product .ap-advice-card h3 { color:var(--ht-color-ink); font-size:var(--public-text-h3); line-height:1.3; }
.accessory-product .ap-advice-intro { margin-block:20px 16px; }
.accessory-product .ap-advice-information { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.accessory-product .ap-advice-information li { display:grid; grid-template-columns:36px minmax(0, 1fr); align-items:center; gap:16px; padding:14px; background:var(--ht-color-bg-subtle); border-radius:var(--ht-radius-card); }
.accessory-product .ap-advice-information span { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--ht-color-primary); color:var(--ht-color-bg); font-weight:700; }
.accessory-product .ap-advice .ap-advice-helper { padding:16px; background:var(--ht-color-bg-subtle); color:var(--ht-color-primary); border-radius:var(--ht-radius-card); margin-block:16px; }
.accessory-product .ap-advice-actions { display:grid; gap:12px; }
.accessory-product .ap-advice-actions .button { width:100%; min-height:48px; text-align:center; }
@media (max-width:900px) {
  .accessory-product .ap-advice { padding-block:48px; }
  .accessory-product .ap-advice-columns { grid-template-columns:minmax(0, 1fr); gap:32px; }
}
@media (max-width:600px) {
  .accessory-product .ap-advice { padding-block:40px 48px; }
  .accessory-product .ap-advice h2 { font-size:var(--public-text-h2); }
  .accessory-product .ap-advice-card { padding:20px; border-radius:var(--ht-radius-card); }
  .accessory-product .ap-advice-card h3 { font-size:var(--public-text-h3); }
  .accessory-product .ap-advice-benefits { gap:24px; }
  .accessory-product .ap-advice-benefits li { grid-template-columns:44px minmax(0, 1fr); gap:14px; }
  .accessory-product .ap-advice-check { width:44px; height:44px; border-radius:var(--ht-radius-card); }
  .accessory-product .ap-advice-benefits h3 { font-size:var(--public-text-h3); }
  .accessory-product .ap-advice-information li { gap:12px; padding:12px; border-radius:var(--ht-radius-card); }
}

.accessory-product .ap-faq {
  padding-block:64px;
  background:linear-gradient(120deg, var(--ht-color-bg), var(--ht-color-bg-subtle));
  color:var(--ht-color-ink);
  scroll-margin-top:140px;
}
.accessory-product .ap-faq .sp-heading { margin-bottom:32px; }
.accessory-product .ap-faq .ap-faq-eyebrow { color:var(--ht-color-primary); font-size:var(--public-text-small); font-weight:700; letter-spacing:.035em; margin-bottom:16px; }
.accessory-product .ap-faq h2 { color:var(--ht-color-ink); font-size:var(--public-text-h2); line-height:1.3; margin-bottom:16px; }
.accessory-product .ap-faq .sp-heading > p:last-child { color:var(--ht-color-ink); line-height:1.6; }
.accessory-product .ap-faq .sp-faq-list { display:grid; grid-template-columns:minmax(0, 1fr); gap:16px; }
.accessory-product .ap-faq .sp-faq { min-width:0; background:var(--ht-color-bg); border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); box-shadow:0 6px 20px #0764ad0d; }
.accessory-product .ap-faq .sp-faq[open] { border-color:var(--ht-color-border); }
.accessory-product .ap-faq summary { display:block; cursor:pointer; list-style:none; border-radius:var(--ht-radius-card); }
.accessory-product .ap-faq summary::-webkit-details-marker { display:none; }
@media (hover:hover) and (pointer:fine) {
.accessory-product .ap-faq summary:hover { background:var(--ht-color-bg); }
}
.accessory-product .ap-faq summary:focus-visible { outline:3px solid var(--ht-color-primary); outline-offset:3px; }
.accessory-product .ap-faq summary h3 { display:flex; align-items:center; gap:20px; min-height:88px; padding:24px 28px; margin:0; color:var(--ht-color-ink); font-size:var(--public-text-h3); line-height:1.3; }
.accessory-product .ap-faq details[open] summary h3 { color:var(--ht-color-primary); }
.accessory-product .ap-faq .sp-faq-question { flex:1; min-width:0; overflow-wrap:break-word; }
.accessory-product .ap-faq .sp-faq-sign { display:flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; background:var(--ht-color-bg-subtle); color:var(--ht-color-primary); border-radius:50%; }
.accessory-product .ap-faq .sp-faq-sign svg { display:block; width:24px; height:24px; }
.accessory-product .ap-faq .sp-faq-sign .sp-faq-minus { display:none; }
.accessory-product .ap-faq details[open] .sp-faq-plus { display:none; }
.accessory-product .ap-faq details[open] .sp-faq-minus { display:block; }
.accessory-product .ap-faq .sp-faq-answer { margin-inline:28px; padding-block:20px 24px; border-top:1px solid var(--ht-color-border); color:var(--ht-color-ink); font-size:var(--public-text-body); line-height:1.6; }
.accessory-product .ap-faq .sp-faq-answer p { margin:0 0 16px; color:inherit; }
.accessory-product .ap-faq .sp-faq-answer p:last-child { margin-bottom:0; }
.accessory-product .ap-faq .sp-faq-answer strong { font-weight:700; }
@media (max-width:900px) {
  .accessory-product .ap-faq { padding-block:48px; }
}
@media (max-width:600px) {
  .accessory-product .ap-faq { padding-block:40px; }
  .accessory-product .ap-faq .sp-heading { margin-bottom:24px; }
  .accessory-product .ap-faq summary h3 { min-height:72px; padding:20px 16px; gap:12px; font-size:var(--public-text-h3); }
  .accessory-product .ap-faq .sp-faq-sign { flex-basis:32px; width:32px; height:32px; }
  .accessory-product .ap-faq .sp-faq-answer { margin-inline:16px; padding-block:16px 20px; }
}

.accessory-product .ap-illustration figcaption { position:static; margin-top:8px; gap:12px; text-align:left; }

/* Accessory image handoff: preserve complete product outlines and intrinsic ratios. */
.accessory-product .ap-handoff-picture { display:block; }
.accessory-product .ap-handoff-image { display:block; width:100%; height:auto; object-fit:contain; }
.accessory-product .ap-fastener-recognition .ap-handoff-image,
.accessory-product .ap-recognition .ap-handoff-image { aspect-ratio:1; background:#fff; }
.accessory-product .ap-secondary-illustration figcaption {
  padding:12px 8px 0;
  font-size:var(--public-text-small);
  line-height:1.6;
}
.accessory-product .ap-secondary-illustration { width:100%; max-width:320px; margin:16px auto 0; }
.accessory-product .ap-secondary-illustration img { display:block; width:100%; height:auto; object-fit:contain; }
.accessory-product .ap-joining-alternative .ap-recognition { margin:0; }
.accessory-product .ap-recognition-frame { width:100%; max-width:320px; margin-inline:auto; }
.accessory-product .ap-joining-alternative .ap-secondary-illustration { margin-block:16px 0; }
.accessory-product .ap-fastener-recognition { margin:0; }
.accessory-product .ap-fastener-usage-frame { display:flex; align-items:center; aspect-ratio:4 / 3; }
.accessory-product .ap-fastener-usage-frame > * { width:100%; }