/* Shared accessory finder: category navigation, identification guides and compact sizes. */
.accessory-finder-page{max-width:1440px;margin-inline:auto}
.accessory-finder-page :is(h1,h2,h3){color:#171b1e}
.accessory-finder-page .accessory-help h2{color:#fff}
.accessory-finder-page a:focus-visible,.accessory-finder-page summary:focus-visible{outline:3px solid #164f8b;outline-offset:4px}
.finder-view-nav{display:flex;gap:0;border-bottom:2px solid #dce0e4;margin:20px 0}
.finder-view-nav a{padding:14px 22px;font-weight:800;text-decoration:none;color:#171b1e;border-bottom:5px solid transparent}
.finder-view-nav a[aria-current]{background:#ffe034;border-color:#171b1e}
.finder-family-nav,.finder-chips{display:flex;flex-wrap:wrap;gap:8px}
.finder-family-nav{margin:0 0 24px}
.finder-family-nav a,.finder-chips a{display:inline-flex;align-items:center;min-height:42px;border:1px solid #aeb9c2;border-radius:3px;padding:8px 12px;color:#171b1e;background:#fff;text-decoration:none;font-weight:700;font-size:14px;line-height:1.35}
.finder-family-nav a[aria-current],.finder-chips a[aria-current]{background:#ffe034;border-color:#171b1e;box-shadow:inset 0 0 0 1px #171b1e}
.finder-family-nav a:hover,.finder-chips a:hover{background:#fff6ba}
.finder-search{display:flex;gap:14px;align-items:end;padding:22px;background:#f3f5f6;border:1px solid #dce0e4;border-top:4px solid #ffe034;margin:0 0 18px}
.finder-search>div{flex:1;min-width:0}.finder-search label{display:block;font-weight:700;margin:0 0 8px}
.finder-search input[type=search]{width:100%;height:52px;border:1px solid #7e8a94;border-radius:3px;background:#fff;color:#171b1e;padding:12px;font:inherit}
.finder-search button{min-height:52px;white-space:nowrap}
.finder-start-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 32px}
.finder-start-links>a{border:1px solid #bdc9d1;border-radius:4px;padding:18px;color:#171b1e;text-decoration:none;background:#fff;display:flex;flex-direction:column;gap:8px}
.finder-start-links strong{font-size:19px}.finder-start-links span{font-size:14px;color:#52616c}
.finder-start-links a:hover,.finder-picture-card:hover,.finder-guide-card:hover{border-color:#171b1e;background:#fffbed}
.finder-picture-section{margin:30px 0}.finder-picture-section h2{font-size:32px}
.finder-picture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.finder-picture-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid #c4cfd6;border-radius:4px;color:#171b1e;background:#fff;text-decoration:none}
.finder-picture-card img{grid-column:1/-1;width:100%;height:125px;object-fit:contain;background:#fff}
.finder-picture-card strong{font:700 17px/1.4 Arial,sans-serif}.finder-picture-card>span{font-size:27px}
.finder-results{border-top:1px solid #c4cfd6;padding-top:28px;margin-top:32px;scroll-margin-top:24px}
.finder-results>.section-heading{align-items:end}.finder-results>.section-heading p{color:#52616c;font-weight:700}.finder-results>.section-heading h2{font-size:36px}
.finder-refine{background:#f5f6f7;border:1px solid #dce0e4;padding:18px;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.finder-refine>h3{grid-column:1/-1;font:700 19px/1.4 Arial,sans-serif;margin:0}
.finder-filter{border:0;padding:0;margin:0;min-width:0}.finder-filter legend{font-weight:700;margin-bottom:8px}.finder-filter .finder-chips{max-height:155px;overflow-y:auto;padding:3px 4px 6px 2px}
.finder-applied{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fffbe6;padding:14px}
.finder-applied a{padding:6px 8px;color:#171b1e;border:1px solid #c3ad3a;border-radius:3px;text-decoration:none;background:#fff}
.finder-accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.finder-accessory-card{border:1px solid #c4cfd6;border-radius:4px;background:#fff;padding:18px;min-width:0}
.finder-card-photo{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.finder-card-photo img{width:100%;height:150px;object-fit:contain;flex:none}
.finder-accessory-card>.eyebrow{font-size:11px;line-height:1.5;min-height:34px;margin:0 0 8px;color:#52616c}
.finder-accessory-card h3{font-size:27px;line-height:1.25;margin:0 0 10px;min-height:68px}
.finder-card-fit{font:400 14px/1.5 Arial,sans-serif;min-height:43px;margin:0 0 16px;color:#52616c}
.finder-sizes{border:0;padding:0;margin:0}.finder-sizes>summary{cursor:pointer;list-style:none;background:#ffe034;border:2px solid #171b1e;border-radius:3px;padding:13px;font-weight:700;min-height:48px}
.finder-sizes>summary::-webkit-details-marker{display:none}.finder-sizes>summary::before{content:'▸ ';}.finder-sizes[open]>summary::before{content:'▾ '}
.finder-sizes .finder-open{display:none}.finder-sizes[open] .finder-open{display:inline}.finder-sizes[open] .finder-closed{display:none}
.finder-size-list{max-height:370px;overflow:auto;overscroll-behavior:contain;padding:0 4px}
.finder-size-row{border-bottom:1px solid #c4cfd6;padding:18px 0}.finder-size-row:last-child{border-bottom:0;padding-bottom:0}
.finder-part-link{font-weight:700}.finder-size-row dl{font-size:14px;line-height:1.45;margin:10px 0}.finder-size-row dl>div{margin:7px 0}.finder-size-row dt{color:#52616c}.finder-size-row dd{margin:0;font-weight:700}
.finder-row-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.finder-row-actions label{font-size:13px;font-weight:700}.finder-row-actions input{display:block;width:72px;min-height:44px;padding:8px;font:700 16px Arial,sans-serif;border:1px solid #aeb9c2;border-radius:2px}
.finder-row-actions button{min-height:44px;flex:1;font-size:14px;padding:9px}
.finder-identify-help,.finder-tool-context{background:#fffbed;border:1px solid #c4cfd6;border-left:5px solid #ffe034;padding:24px;margin:32px 0}.finder-tool-context>a{margin-right:18px}
.finder-tool-chooser{padding:24px;border:1px solid #c4cfd6;border-top:4px solid #ffe034;margin:30px 0;scroll-margin-top:20px}
.finder-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finder-tool-result{display:flex;align-items:center;gap:14px;border:1px solid #c4cfd6;padding:14px;text-decoration:none;color:#171b1e}
.finder-tool-result img{width:90px;height:110px;object-fit:contain}.finder-tool-result>span{display:flex;flex-direction:column;gap:7px}.finder-tool-result small{color:#52616c}.finder-tool-result strong{font-size:21px}.finder-tool-result>span>span{font-size:13px;font-weight:700}
.finder-count{font-weight:700;color:#52616c;margin:20px 0}
.finder-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.finder-guide-card{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #c4cfd6;border-top:4px solid #ffe034;border-radius:4px;text-decoration:none;color:#171b1e;background:#fff}
.finder-guide-card img{width:100%;height:140px;object-fit:contain}.finder-guide-card h3{font-size:28px;line-height:1.2;margin:0}.finder-guide-card p{line-height:1.6;color:#52616c;margin:0}.finder-guide-card>span{margin-top:auto;padding-top:12px;font-weight:700}
.finder-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.finder-guide-steps>div{padding:24px;background:#f4f5f6;border:1px solid #dce0e4}.finder-guide-steps>div>span{display:inline-flex;align-items:center;justify-content:center;background:#ffe034;border:2px solid #171b1e;border-radius:50%;width:40px;height:40px;font-weight:800}
.finder-guide-steps h2{font:700 21px/1.3 Arial,sans-serif;margin:16px 0 10px}.finder-guide-steps p{line-height:1.6;margin:0}
.finder-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px 0}.finder-reference-chart{margin:32px 0;border:1px solid #c4cfd6;padding:18px}.finder-reference-chart>summary{font-weight:700;cursor:pointer;padding:10px}.finder-reference-chart .buyer-guide{margin-top:24px}
.finder-guide-products .finder-picture-section>.section-heading{display:none}.finder-guide-products{margin:35px 0}
.finder-reference-chart:has(:target){outline:2px solid #ffe034}
@media(max-width:1050px){.finder-picture-grid,.finder-accessory-grid,.finder-guide-grid,.finder-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-start-links strong{font-size:17px}.finder-guide-steps{gap:14px}.finder-guide-steps>div{padding:18px}}
@media(max-width:650px){.finder-search{flex-direction:column;align-items:stretch;padding:16px}.finder-start-links,.finder-guide-steps,.finder-tool-grid,.finder-refine{grid-template-columns:1fr}.finder-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-picture-card{padding:12px}.finder-picture-card img{height:100px}.finder-picture-card strong{font-size:15px}.finder-accessory-grid,.finder-guide-grid{grid-template-columns:1fr}.finder-accessory-card h3,.finder-card-fit,.finder-accessory-card>.eyebrow{min-height:0}.finder-card-photo,.finder-card-photo img{height:150px}.finder-view-nav a{padding:12px;font-size:15px}.finder-guide-steps>div{padding:18px}.finder-filter .finder-chips{max-height:132px}.finder-tool-chooser{padding:16px}.finder-results>.section-heading{display:block}.finder-family-nav a{font-size:13px}}

.finder-navigation-status{position:fixed;bottom:20px;left:20px;z-index:1000;max-width:calc(100vw - 40px);padding:12px 18px;border:1px solid #b5bec5;border-left:4px solid #ffe034;background:#fff;color:#171b1e;box-shadow:0 3px 16px #0002;font:700 15px/1.5 Arial,sans-serif}
.finder-navigation-status[hidden]{display:none}
.accessory-finder-page[aria-busy=true]{cursor:progress}

body:has(.accessory-finder-page){overflow-anchor:none}

.finder-rock-shanks .buyer-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finder-rock-shanks img{display:block;width:100%;height:300px;object-fit:contain;background:#fff}.finder-rock-shanks{margin:28px 0}@media(max-width:650px){.finder-rock-shanks .buyer-system-grid{grid-template-columns:1fr}.finder-rock-shanks img{height:300px}}

/* Small option sets stay open, without a disclosure or inner scrollbar. */
.finder-accessory-card--compact .finder-size-list{max-height:none;overflow:visible;padding:0}
.finder-accessory-card--compact>.eyebrow,.finder-accessory-card--compact h3,.finder-accessory-card--compact .finder-card-fit{min-height:0}
.finder-accessory-card--compact>.eyebrow{margin-bottom:6px}
.finder-accessory-card--compact h3{font-size:24px;margin-bottom:8px}
.finder-accessory-card--compact .finder-card-fit{margin-bottom:10px}
.finder-accessory-card--compact .finder-size-row{padding:12px 0}
.finder-accessory-card--compact .finder-size-row:first-child{border-top:1px solid #c4cfd6}
.finder-accessory-card--compact .finder-size-row dl{margin:8px 0}
.finder-accessory-card--compact .finder-size-row dl>div{display:flex;flex-wrap:wrap;gap:4px 8px;margin:4px 0}
.finder-accessory-card--compact .finder-card-photo,.finder-accessory-card--compact .finder-card-photo img{height:120px}
.finder-accessory-grid--filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.finder-accessory-card--filter h3{font-size:26px}
.finder-accessory-card--filter .finder-size-row dl>div{justify-content:space-between}
@media(max-width:1100px){.finder-accessory-grid--filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.finder-accessory-grid--filters{grid-template-columns:1fr}}

/* A shared card header keeps small open ranges aligned with size choosers.
   Contain photographs at their natural proportions, with stable image boxes. */
.finder-accessory-grid .finder-card-photo{height:140px;min-height:140px;margin:0 0 12px}
.finder-accessory-grid .finder-card-photo img{width:100%;height:140px;max-height:140px;object-fit:contain}
.finder-accessory-grid .finder-accessory-card>.eyebrow{min-height:33px;margin:0 0 6px}
.finder-accessory-grid .finder-accessory-card>h3{font-size:24px;line-height:1.25;min-height:60px;margin:0 0 10px}
.finder-accessory-grid .finder-card-fit{min-height:42px;margin:0 0 12px}
.finder-accessory-grid .finder-card-fit:empty{visibility:hidden}
.finder-accessory-grid:not(:has(.finder-card-fit:not(:empty))) .finder-card-fit{display:none}
.finder-accessory-grid .finder-accessory-card--compact>.finder-size-list,
.finder-accessory-grid .finder-sizes{margin-top:0}
@media(max-width:650px){
 .finder-accessory-grid .finder-accessory-card>.eyebrow,
 .finder-accessory-grid .finder-accessory-card>h3,
 .finder-accessory-grid .finder-card-fit{min-height:0}
 .finder-accessory-grid .finder-card-fit:empty{display:none}
}

.buyer-rope-views img{width:100%;height:340px;max-height:340px;object-fit:contain}
.buyer-speedytip-views img{width:100%;height:260px;max-height:260px;object-fit:contain}
@media(min-width:900px){.buyer-speedytip-views{grid-template-columns:repeat(3,minmax(0,1fr))}}
