.accessory-page,.accessory-detail-page{max-width:1390px;margin:0 auto;padding-bottom:90px}.accessory-heading{max-width:760px}.accessory-search-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px;box-shadow:0 14px 36px #14252b09}.accessory-search-panel>label{margin-bottom:10px;font-size:.91rem;font-weight:700;display:block}.accessory-search-input{border:1px solid var(--input-border);min-height:54px;color:var(--primary);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:0 15px;display:flex}.accessory-search-input:focus-within{outline:3px solid color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary)}.accessory-search-input input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0;font-size:1rem}.accessory-search-input input:focus-visible{outline:0}.accessory-categories{border:0;flex-wrap:wrap;gap:12px 9px;min-width:0;margin:16px 0 0;padding:0;display:flex}.accessory-categories button{border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);border-radius:999px;padding:9px 14px;font-size:.86rem;font-weight:700}.accessory-categories button.selected{background:var(--primary);border-color:var(--primary);color:#fff}.accessory-results-heading{justify-content:space-between;align-items:end;gap:20px;margin:34px 0 18px;display:flex}.accessory-results-heading h2{font-size:1.38rem;line-height:1.25}.accessory-results-heading span{color:var(--muted-foreground);white-space:nowrap;font-size:.9rem}.accessory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.accessory-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.accessory-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 16px 32px #14252b17}.accessory-card-image{background:linear-gradient(145deg,#f4f8f7,#eaf2ef);justify-content:center;align-items:center;height:200px;padding:16px;display:flex}.accessory-card-image img{object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%;display:block}.accessory-image-fallback{width:100%;height:100%;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.accessory-image-fallback span{color:var(--muted-foreground);font-size:13px}.accessory-card-body{flex-direction:column;flex:1;gap:7px;padding:18px;display:flex}.accessory-card-category{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.accessory-card-body h3{font-size:1.04rem;line-height:1.33}.accessory-card-body p{color:var(--muted-foreground);font-size:.83rem}.accessory-card-body .stock-note{min-width:0;margin:10px 0 0;padding:10px;font-size:13px}.accessory-card-body .stock-heading{align-items:flex-start;line-height:1.4}.accessory-card-body .stock-detail{font-size:13px;line-height:1.45}.accessory-card-body h3,.accessory-detail-copy h1{overflow-wrap:anywhere}.accessory-card-bottom{justify-content:space-between;align-items:center;gap:12px 10px;margin-top:auto;padding-top:20px;display:flex}.accessory-card-bottom b{background:var(--accent);color:var(--accent-foreground);border-radius:6px;padding:5px 8px;font-size:.88rem}.accessory-card-bottom span{color:var(--primary);white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:inline-flex}.accessory-empty{border:1px dashed var(--border);color:var(--muted-foreground);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:26px;display:flex}.accessory-empty>.catalog-similar{flex-basis:100%;max-width:none}.accessory-catalog-note{width:100%;color:var(--muted-foreground);background:linear-gradient(135deg,#f5faf7,#edf5f1);border:1px solid #cfe0da;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:16px;margin:30px 0 0;padding:20px 22px;font-size:.86rem;display:grid}.accessory-catalog-note-icon{width:42px;height:42px;color:var(--primary);background:#dceee7;border-radius:50%;place-items:center;display:grid}.accessory-catalog-note-content>strong{color:var(--foreground);margin:1px 0 12px;font-size:1rem;line-height:1.35;display:block}.accessory-catalog-note-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;display:grid}.accessory-catalog-note-rules p{gap:4px;margin:0;line-height:1.55;display:grid}.accessory-catalog-note-rules b{color:var(--foreground);font-size:.84rem}.accessory-detail-page>.back-link{margin-bottom:28px}.accessory-detail-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start;gap:42px;display:grid}.accessory-detail-picture{border:1px solid var(--border);background:linear-gradient(145deg,#f8fbfa,#e9f0ee);border-radius:18px;justify-content:center;align-items:center;min-height:460px;padding:40px;display:flex}.accessory-detail-picture img{object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:430px;display:block}.accessory-detail-copy h1{margin:12px 0 19px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.accessory-detail-copy>p{color:var(--muted-foreground);margin-bottom:16px}.accessory-detail-sku strong{color:var(--accent-foreground);background:var(--accent);border-radius:6px;margin-left:8px;padding:5px 9px;display:inline-block}.accessory-detail-variant b{color:var(--foreground)}.accessory-detail-documents{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0;padding:22px 0}.accessory-detail-documents h2{margin-bottom:12px;font-size:1.12rem}.accessory-detail-documents>p{color:var(--muted-foreground);font-size:.88rem}.accessory-document-links{flex-wrap:wrap;gap:12px 10px;display:flex}.accessory-document-links a{border:1px solid var(--input-border);color:var(--primary);border-radius:8px;align-items:center;gap:12px 9px;padding:11px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.accessory-document-links a:hover{background:var(--accent)}.accessory-question>p{color:var(--muted-foreground);margin-bottom:15px;font-size:.9rem}.accessory-question .technical-inquiry{margin-top:18px}@media (max-width:1100px){.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accessory-detail-grid{grid-template-columns:1fr;gap:25px}.accessory-detail-picture{min-height:330px}}@media (max-width:520px){.accessory-page,.accessory-detail-page{padding-bottom:56px}.accessory-search-panel{padding:18px}.accessory-categories{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.accessory-categories button{white-space:normal;min-width:0;min-height:48px;line-height:1.25}.accessory-grid{gap:12px 10px}.accessory-card-image{height:145px;padding:10px}.accessory-card-body{padding:12px}.accessory-card-body h3{font-size:.88rem}.accessory-card-bottom{flex-wrap:wrap;padding-top:12px}.accessory-card-bottom span,.accessory-card-bottom b{font-size:13px}.accessory-detail-picture{min-height:260px;padding:22px}.accessory-detail-picture img{max-height:250px}.accessory-catalog-note{grid-template-columns:1fr;padding:18px}.accessory-catalog-note-icon{width:38px;height:38px}.accessory-catalog-note-rules{grid-template-columns:1fr;gap:14px}.accessory-catalog-note-rules p+p{border-top:1px solid #d7e5df;padding-top:14px}}@media (prefers-reduced-motion:reduce){.accessory-card{transition:none}.accessory-card:hover{transform:none}}.accessory-intro-facts{color:#637976;flex-wrap:wrap;gap:12px 28px;margin-top:25px;font-size:.83rem;display:flex}.accessory-intro-facts b{color:#126f64;margin-right:4px;font-size:1.02rem}.accessory-availability-help{color:#526965;background:#edf4f0;border-left:3px solid #83ada2;border-radius:0 10px 10px 0;margin:18px 0 0;padding:16px 20px;font-size:.83rem;line-height:1.7}.accessory-categories button{cursor:pointer;justify-content:center;align-items:center;gap:12px 8px;transition:background .22s,border-color .22s,color .22s;display:flex}.accessory-categories button span{font-variant-numeric:tabular-nums;background:#163d3610;border-radius:20px;min-width:22px;padding:2px 5px;font-size:13px}.accessory-categories button.selected span{background:#ffffff20}.accessory-card{transition:border-color .25s,box-shadow .25s;position:relative}.accessory-card:hover{transform:none}.accessory-card:focus-visible{outline-offset:3px;outline:3px solid #74aa9c}.accessory-card-image{contain:paint;isolation:isolate;background:radial-gradient(at 50% 40%,#fbfdfb,#edf4f0);min-height:220px;padding:28px 22px 38px;position:relative;overflow:hidden}.accessory-card-image img{max-width:100%;max-height:155px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.accessory-media-caption{text-align:center;color:#667f75;letter-spacing:.015em;font-size:13px;position:absolute;bottom:12px;left:16px;right:16px}.accessory-card-body{gap:12px 9px;padding:20px}.accessory-card-body .stock-note{border-top:1px solid #e3ebe6;min-height:65px;margin:8px 0 0;padding:12px 0;font-size:13px}.accessory-card-body .stock-detail{display:none}.accessory-card-body .stock-updated{font-size:13px}.accessory-card-bottom{border-top:1px solid #e3ebe6;margin-top:auto;padding-top:14px}.accessory-card-bottom span svg{transition:transform .25s}.accessory-more{justify-items:center;gap:12px;margin:32px 0;display:grid}.accessory-more p{color:#657a72;font-size:13px}.accessory-more button{color:#fff;cursor:pointer;background:#153c39;border:1px solid #153c39;border-radius:10px;align-items:center;gap:22px;min-height:50px;padding:14px 24px;font-weight:700;transition:background .2s,box-shadow .2s;display:flex}.accessory-more button:hover{background:#126f64;box-shadow:0 6px 20px #153c3920}.accessory-detail-picture{background:radial-gradient(at 50% 40%,#fff,#edf5f1);flex-direction:column;gap:22px;margin:0;padding:32px;display:flex}.accessory-detail-picture figcaption{color:#587269;text-align:center;max-width:56ch;font-size:13px;line-height:1.6}.accessory-detail-zoom{color:#126f64;cursor:zoom-in;background:0 0;border:0;border-radius:10px;place-items:center;gap:20px;width:100%;padding:15px;display:grid}.accessory-detail-zoom>span{align-items:center;gap:12px 8px;font-size:.82rem;display:flex}.accessory-detail-zoom:focus-visible{outline:3px solid #83ada2}.accessory-detail-zoom img{transition:transform .4s}.accessory-image-dialog{background:#f7faf7;width:min(780px,100vw - 24px);max-width:780px;padding:28px}.accessory-image-dialog img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:65dvh;margin:20px 0;display:block}.accessory-image-dialog p{color:#536d63;font-size:.82rem;line-height:1.6}@media (hover:hover) and (pointer:fine){.accessory-card:hover .accessory-card-image img{transform:scale(1.035)}.accessory-card:hover .accessory-card-bottom span svg{transform:translate(3px,-3px)}.accessory-categories button:hover:not(.selected){background:#e3f0e9;border-color:#91b8a9}.accessory-detail-zoom:hover img{transform:scale(1.025)}}@media (max-width:520px){.accessory-card-image{height:175px;min-height:175px;padding:20px 14px 34px}.accessory-card-image img{max-height:125px}.accessory-card-body{padding:14px}.accessory-media-caption{font-size:13px;left:8px;right:8px}.accessory-card-bottom span{white-space:normal}.accessory-categories button{justify-content:space-between;padding:10px;font-size:13px}.accessory-detail-picture{min-height:280px;padding:20px}.accessory-image-dialog{padding:24px 18px}}@media (max-width:380px){.accessory-grid{grid-template-columns:minmax(0,1fr)}.accessory-card-image{height:220px;padding:24px 20px 38px}.accessory-card-image img{max-height:165px}.accessory-card-body h3{font-size:1rem}.accessory-card-body .stock-note{min-height:0}.accessory-card-body{padding:20px}}@media (prefers-reduced-motion:reduce){.accessory-card,.accessory-card-image img,.accessory-categories button,.accessory-card-bottom span svg,.accessory-more button,.accessory-detail-zoom img{transition:none!important;transform:none!important}}.accessory-image-dialog{max-height:calc(100dvh - 30px);overflow-y:auto}.accessory-image-toolbar{justify-content:space-between;align-items:center;gap:15px;display:flex}.accessory-image-toolbar button{color:#145e51;cursor:pointer;background:#fff;border:1px solid #b3ccc2;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.accessory-image-toolbar button:focus-visible{outline-offset:2px;outline:3px solid #83ada2}.accessory-buy{gap:12px;margin:16px 0 24px;display:grid}.accessory-buy-price{margin:0;font-size:1.6rem}.accessory-buy-price small{color:var(--muted-foreground);font-size:.85rem;font-weight:400}.accessory-buy .fine-print{margin:0}.hp500-acc-gallery{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.hp500-acc-gallery>*{margin:0}.hp500-acc-thumbs{gap:12px;margin:0;padding:0;list-style:none;display:flex}.hp500-acc-thumbs button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;width:72px;height:54px;padding:4px;display:block}.hp500-acc-thumbs button[aria-current=true]{border-color:#126f64;box-shadow:0 0 0 2px #126f64}.hp500-acc-thumbs img{object-fit:contain;width:100%;height:100%;display:block}.hp500-acc-step{border:1px solid var(--border);color:#126f64;cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.hp500-acc-step:focus-visible{outline-offset:2px;outline:3px solid #83ada2}.hp500-acc-thumbs button:focus-visible{outline-offset:2px;outline:3px solid #83ada2}.hp500-acc-gallery-dialog{margin-top:12px}@media (max-width:520px){.hp500-acc-thumbs button{width:58px;height:44px}.hp500-acc-step{width:40px;height:40px}}.accessory-detail-picture.hp500-acc-photo{background:var(--hp500-bg);padding:0 0 20px;transition:background-color .2s;overflow:hidden}.hp500-acc-photo .accessory-detail-zoom{border-radius:0;padding:0 0 4px}.hp500-acc-photo .accessory-detail-zoom img{mix-blend-mode:normal;aspect-ratio:4/3;object-fit:contain;background:var(--hp500-bg);width:100%;height:auto;max-height:none}.hp500-acc-photo figcaption{padding:0 16px}@media (max-width:520px){.accessory-detail-picture.hp500-acc-photo{padding:0 0 16px}.hp500-acc-photo .accessory-detail-zoom img{max-height:none}}.accessory-detail-page .hp376-crumbs li:last-child{flex:1 1 0;min-width:0}.accessory-detail-page .hp376-crumbs [aria-current]{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.hp500-acc-photo .accessory-detail-zoom img{-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}