#navy-style-coach .ns-compact-guide{grid-column:1/-1;min-width:0}
#navy-style-coach .ns-compact-card .ns-compact-photo{cursor:zoom-in}
#navy-style-coach .ns-compact-card .ns-compact-photo:focus-visible{outline:3px solid #f0b94f!important;outline-offset:-5px!important;box-shadow:inset 0 0 0 8px #0b1f3a!important}
#navy-style-coach .ns-compact-modal-nav{flex-wrap:wrap}
#navy-style-coach .ns-compact-guide>p{margin:8px 0 20px;color:#526174}
#navy-style-coach .ns-compact-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#navy-style-coach .ns-shirt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
#navy-style-coach .ns-compact-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #d9e2e9;border-radius:16px}
#navy-style-coach .ns-compact-photo{height:auto;aspect-ratio:4/3;background:#eef1f3;display:grid;place-items:center;overflow:hidden}
#navy-style-coach .ns-compact-photo>img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
#navy-style-coach .ns-compact-photo .ns-guide-crop-shell{aspect-ratio:4/3;height:100%;min-height:0}
#navy-style-coach .ns-shirt-cards .ns-compact-photo{aspect-ratio:4/5}
/* Keep the image's alpha transparent: CSS image backgrounds are tinted by its SVG filter. */
#navy-style-coach .ns-shirt-cards .ns-compact-photo{background:#fff}
#navy-style-coach .ns-shirt-cards .ns-compact-photo>img,
#navy-style-coach .ns-compact-modal-photo>img{background:transparent}
#navy-style-coach .ns-compact-modal-photo{background:#fff}
#navy-style-coach .ns-compact-card .ns-guide-copy{padding:14px;text-align:center}
#navy-style-coach .ns-compact-card .ns-guide-copy p{font-size:15px;line-height:1.5;margin:8px 0 14px}
#navy-style-coach .ns-card-actions{display:flex;flex-wrap:wrap;gap:8px}
#navy-style-coach .ns-card-actions button{position:static;display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 100px;min-height:44px;border:1px solid #0b1f3a;border-radius:9px;padding:8px;font:inherit;font-size:14px;color:#0b1f3a;background:#fff;cursor:pointer}
#navy-style-coach .ns-card-actions [data-compact-open]{background:#eaf1f8;color:#0b1f3a;border-color:#cad8e6;width:100%;font-size:14px;line-height:1.5}
#navy-style-coach .ns-pants-photo{aspect-ratio:3/4;background:#fff}
#navy-style-coach .ns-guide-item.ns-trouser-card .ns-pants-photo>img{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;background:transparent}
#navy-style-coach .ns-compact-guide+.ns-compact-guide{margin-top:24px}
#navy-style-coach .ns-collar-picker{display:flex;flex-wrap:wrap;gap:10px;padding:14px;margin:0 0 20px;border:1px solid #d9e2e9;border-radius:12px}
#navy-style-coach .ns-collar-picker button{padding:12px;min-height:44px;border:1px solid #ccd6df;background:#fff;color:#0b1f3a;border-radius:9px;font:inherit}
#navy-style-coach .ns-collar-picker [aria-pressed=true]{background:#0b1f3a;color:#fff;border-color:#c99536}
#navy-style-coach .ns-collar-picker{display:flex;width:fit-content;align-items:center;margin:0 0 16px;padding:0;border:0}
#navy-style-coach .ns-collar-picker select{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #cad8e6;border-radius:8px;background:white;color:#0b1f3a;font:inherit}
#navy-style-coach .ns-compact-dialog{position:fixed;inset:0;margin:auto;padding:20px;width:calc(100vw - 24px);max-width:1600px;max-height:calc(100dvh - 24px);box-sizing:border-box;border:0;border-radius:18px;color:#0b1f3a;background:#fff;overflow:auto;overscroll-behavior:contain}
#navy-style-coach .ns-compact-dialog{scrollbar-width:none}
#navy-style-coach .ns-compact-dialog::-webkit-scrollbar{display:none;width:0;height:0}
#navy-style-coach .ns-compact-dialog::backdrop{background:rgba(11,31,58,.72)}
#navy-style-coach .ns-compact-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
#navy-style-coach .ns-compact-dialog h3{margin:0;font-size:24px}
#navy-style-coach .ns-compact-dialog header button{flex-shrink:0;width:44px;height:44px;border:1px solid #ccd6df;border-radius:8px;background:#fff;color:#0b1f3a;font-size:26px;cursor:pointer}
#navy-style-coach .ns-compact-modal-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:32px;align-items:center}
#navy-style-coach .ns-compact-dialog.is-image .ns-compact-modal-body{display:block}
#navy-style-coach .ns-compact-modal-photo{width:100%;max-width:640px;margin:auto;overflow:hidden}
#navy-style-coach .ns-compact-modal-photo>img{display:block;width:100%;height:calc(100dvh - 180px);max-height:780px;object-fit:contain}
/* Preserve readable information below the photo on narrow/short screens. */
@media(max-width:700px){
 #navy-style-coach .ns-compact-dialog:not(.is-image) .ns-compact-modal-photo>img{height:auto;max-height:36svh;object-fit:contain}
 #navy-style-coach .ns-compact-dialog:not(.is-image) .ns-compact-modal-photo .ns-guide-crop{width:min(100%,calc(36svh * var(--crop-ratio)))}
}
@media(max-width:380px){
 #navy-style-coach .ns-compact-cards.ns-shirt-cards{grid-template-columns:minmax(0,1fr)}
}
#navy-style-coach .ns-compact-modal-photo .ns-guide-crop-shell{aspect-ratio:auto;background:white}
#navy-style-coach .ns-compact-modal-photo .ns-guide-crop{width:min(100%,calc((100dvh - 180px) * var(--crop-ratio)));margin-inline:auto}
#navy-style-coach .ns-compact-modal-copy{line-height:1.5;min-width:0;overflow-wrap:break-word}
#navy-style-coach .ns-compact-cards.ns-pants-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1150px){#navy-style-coach .ns-compact-cards.ns-pants-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#navy-style-coach .ns-compact-cards.ns-pants-cards{grid-template-columns:minmax(0,1fr)}}
#navy-style-coach .ns-compact-modal-copy h4{margin:12px 0 4px;font-size:18px}
#navy-style-coach .ns-compact-modal-copy p{margin:0 0 8px}
#navy-style-coach .ns-compact-modal-copy{max-height:none;overflow:visible;padding-inline-end:0}
#navy-style-coach .ns-compact-modal-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding-top:8px;border-top:1px solid #d9e2e9}
#navy-style-coach .ns-compact-modal-nav button{min-height:44px;padding:8px 20px;border-radius:9px;border:1px solid #bd913c;background:white;color:#0b1f3a;font:inherit;cursor:pointer}
#navy-style-coach .ns-compact-modal-nav button:disabled{opacity:.45;cursor:default}
#navy-style-coach [data-compact-open]:focus-visible,#navy-style-coach .ns-compact-modal-nav button:focus-visible{outline:3px solid #bd913c;outline-offset:3px}
@media(max-width:700px){#navy-style-coach .ns-compact-modal-nav button{padding-inline:12px}#navy-style-coach .ns-compact-modal-copy{max-height:none;overflow:visible;padding:0}#navy-style-coach .ns-compact-dialog header{position:sticky;top:-16px;background:white;z-index:2;padding-block:8px}}
@media(max-width:1150px){#navy-style-coach .ns-compact-cards,#navy-style-coach .ns-shirt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#navy-style-coach .ns-compact-cards,#navy-style-coach .ns-shirt-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#navy-style-coach .ns-compact-modal-body{grid-template-columns:1fr}#navy-style-coach .ns-compact-dialog{padding:16px}#navy-style-coach .ns-compact-dialog:not(.is-image) .ns-compact-modal-photo{max-width:300px}#navy-style-coach .ns-compact-card .ns-guide-copy{padding:10px}}
/* Large, uncropped catalogue photos; leave the trouser layout unchanged. */
#navy-style-coach .ns-compact-cards:not(.ns-pants-cards){grid-template-columns:repeat(3,minmax(0,1fr))}
#navy-style-coach .ns-compact-cards:not(.ns-pants-cards) .ns-compact-card .ns-compact-photo{height:320px;aspect-ratio:auto;background:#fff}
#navy-style-coach .ns-compact-cards.ns-shirt-cards .ns-compact-card .ns-compact-photo{height:360px}
/* Outrank the later legacy .ns-guide-item img height:190px rule. */
#navy-style-coach .ns-compact-cards:not(.ns-pants-cards) .ns-compact-card .ns-compact-photo>img{width:100%;height:100%;max-height:none;object-fit:contain;background:transparent}
#navy-style-coach .ns-compact-cards:not(.ns-pants-cards) .ns-compact-photo .ns-guide-crop-shell{height:100%;aspect-ratio:auto;background:#fff}
#navy-style-coach .ns-compact-cards:not(.ns-pants-cards) .ns-compact-photo .ns-guide-crop{width:min(100%,calc(320px * var(--crop-ratio)))}
@media(max-width:1150px){#navy-style-coach .ns-compact-cards:not(.ns-pants-cards){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#navy-style-coach .ns-compact-cards:not(.ns-pants-cards){grid-template-columns:minmax(0,1fr);gap:18px}}
/* Keep Close available when a phone is turned sideways. */
@media(min-width:701px) and (max-width:1023px) and (max-height:520px){
 #navy-style-coach .ns-compact-dialog header{position:sticky;top:-20px;z-index:2;background:#fff;padding-block:8px}
 #navy-style-coach .ns-compact-dialog h3{min-width:0;overflow-wrap:anywhere}
}