.hy-nhl{margin:28px 0;scroll-margin-top:30px}.hy-nhl [hidden],.hy-design-filters[hidden],.hy-catalog[hidden],.hy-nhl-old-title[hidden],.hy-nhl-editor-actions [hidden],[data-nhl-zone][hidden]{display:none!important}
hygo-store [data-color-zone][hidden],hygo-store [data-factory-zone][hidden],hygo-store .hy-colors label[hidden]{display:none!important}
.hy-nhl-tabs{display:flex;gap:10px;border-bottom:1px solid #365463;padding-bottom:18px;margin-bottom:24px}.hy-nhl-tabs button{width:auto;padding:12px 24px!important}.hy-nhl button[aria-pressed=true]{border-color:#a6e4f5!important;background:#234d60!important;color:white!important;box-shadow:0 0 0 2px #a6e4f5}
.hy-nhl h3{font-size:28px;margin:0 0 9px}.hy-nhl p{color:#a9c3d0;margin:8px 0 20px}.hy-nhl-search{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hy-nhl-search label{display:grid;gap:8px}.hy-nhl-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;font-size:14px;color:#a9c3d0}.hy-nhl-options label{display:flex;gap:9px;align-items:center}.hy-nhl-options input{width:18px;height:18px;padding:0;accent-color:#a6e4f5}.hy-nhl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-height:560px;overflow:auto;padding:4px 8px 4px 3px;overscroll-behavior:contain}.hy-nhl-grid article{min-width:0;border:1px solid #365463;border-radius:12px;padding:12px;background:#102630}.hy-nhl-grid h4{font-size:15px;margin:0 0 12px;min-height:36px;color:#eaf5fb}.hy-nhl-grid article>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hy-nhl-grid button{padding:7px!important;min-width:0;border-radius:8px;background:#17333f;color:#d6edf7;font-size:13px}.hy-nhl-grid svg{display:block;width:100%;height:155px;background:#e8eef0;border-radius:5px;margin-bottom:8px}.hy-nhl-editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 20px;font-size:14px}.hy-nhl-editor-actions a{color:#a6e4f5}.hy-nhl-editor-actions button{width:auto;padding:9px 14px!important;font-size:13px}.hy-nhl-tabs button:focus-visible,.hy-nhl-grid button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1000px){.hy-nhl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hy-nhl-grid svg{height:145px}}
@media(max-width:650px){.hy-nhl-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:510px;gap:9px}.hy-nhl-grid svg{height:128px}.hy-nhl-grid article{padding:8px}.hy-nhl-search{grid-template-columns:1fr}.hy-nhl-tabs button{padding:10px 12px!important}.hy-nhl-options{align-items:flex-start;flex-direction:column}.hy-nhl h3{font-size:24px}}

/* Paired, photographic product views at a size that keeps the stripe detail visible. */
.hy-nhl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-height:680px;padding:5px 12px 5px 4px}
.hy-nhl-grid article{padding:14px;background:#102630;border-color:#294653}
.hy-nhl-grid h4{min-height:0;margin:0 0 14px;font-size:17px;line-height:1.5}
.hy-nhl-grid article>div{gap:12px}
.hy-nhl-grid button{overflow:hidden;padding:0!important;border:1px solid #3b5968;border-radius:7px;font-size:14px;background:#152f3c;transition:border-color .15s}
.hy-nhl-grid button:hover{border-color:#a6e4f5}
.hy-nhl-preview{display:block;width:100%;aspect-ratio:530/635;overflow:hidden;background:#eae8e6}
.hy-nhl-grid .hy-nhl-preview svg{display:block;width:100%;height:100%;margin:0;border-radius:0;background:#eae8e6;pointer-events:none}
.hy-nhl-grid button>[data-style-number]{display:block;padding:10px 5px;line-height:1.3}
@media(max-width:1100px){.hy-nhl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:650px){.hy-nhl-grid{grid-template-columns:minmax(0,1fr);max-height:610px;gap:16px;padding-right:8px}.hy-nhl-grid article{padding:12px}.hy-nhl-grid h4{font-size:16px}}
.hy-nhl>[data-solid-template]{width:auto;margin-bottom:16px;padding:12px 22px!important;border-color:#a6e4f5!important}

/* Mobile uses static thumbnails and the page's natural scroll. */
@media(max-width:650px){.hy-nhl-grid{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0}.hy-nhl-grid .hy-mobile-catalog-thumbnail{display:block;width:100%;height:100%;aspect-ratio:178/214;object-fit:cover;margin:0;background:#eae8e6;pointer-events:none}.hy-nhl-grid button>.hy-mobile-catalog-thumbnail{height:auto;aspect-ratio:178/214;object-fit:cover}}
