html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid)>li:not(.sharp-nicholls-age-heading),
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .card,
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nw-preview-card{transform:none!important;animation:none!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .card__media>a,
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .stg__image,
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nw-preview-card__photo,
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-blaze-card>a{position:relative;overflow:hidden;background:#fff!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .card__media>a img,
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .stg__image img,
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nw-preview-card__photo img{transition:opacity .2s ease!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-stage .nicholls-garment-photo{
 width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;
 transform:translate(var(--garment-x,0%),var(--garment-y,0%)) scale(var(--garment-scale,1))!important;transform-origin:center!important;opacity:1!important
}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-stage .nicholls-model-hover-image{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
 padding:0!important;transform:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none
}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-stage.is-model-view .nicholls-garment-photo{opacity:0!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-stage.is-model-view .nicholls-model-hover-image{opacity:1!important;visibility:visible!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .card:has(.nicholls-photo-controls) .card__heading a::after{display:none!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls{
 position:relative!important;display:flex!important;order:0!important;flex:0 0 48px!important;align-self:center!important;
 justify-content:center;align-items:center;gap:2px;min-height:48px!important;height:48px!important;width:100%!important;
 max-width:208px;box-sizing:border-box;margin:0 auto!important;padding:1px!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important
}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls button{
 display:block!important;position:static!important;flex:1 1 50%;min-width:44px;min-height:44px!important;height:44px!important;
 padding:8px 6px!important;font:600 12px/1.2 Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap;
 color:#727272!important;background:transparent!important;border:0!important;border-radius:7px!important;box-shadow:none!important;
 transform:none!important;text-align:center;cursor:pointer;visibility:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease
}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls.has-model button{visibility:visible}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls.has-model{background:#f2f2f2!important;border-color:#e4e4e4!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls button[aria-pressed=true]{color:#111!important;font-weight:700!important;text-decoration:none!important;background:#fff!important;box-shadow:0 1px 3px #00000012!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls button:focus-visible{outline:2px solid #ab1e30!important;outline-offset:-3px}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls[aria-busy=true] button[data-photo-view=model]{opacity:.6}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .has-nicholls-bag-hover .nicholls-bag-hover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden}
@media(hover:hover) and (pointer:fine){
 html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid)>li:hover .has-nicholls-bag-hover img:first-child{opacity:0!important}
 html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid)>li:hover .has-nicholls-bag-hover img.nicholls-bag-hover-image{opacity:1!important;visibility:visible!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) img{transition:none!important}}

html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-blaze-card>.nicholls-photo-controls{margin-top:10px!important}

@media(max-width:749px){html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls{height:48px!important;min-height:48px!important;flex-basis:48px!important}html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls button{height:44px!important;min-height:44px!important;padding:8px 3px!important;font-size:11px!important}}

@media(max-width:359px){html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls{gap:2px}html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls button{font-size:11px!important;padding-right:2px!important;padding-left:2px!important}html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls button[data-photo-view=product]{flex:.9 1 0}html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls button[data-photo-view=model]{flex:1.1 1 0}}

html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .card:has(.nicholls-photo-controls) .card__inner>.card__content{pointer-events:none!important}
html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-stage{cursor:pointer}

html body #MainContent#MainContent#MainContent .nicholls-photo-grid .card__media>a{width:100%!important;height:100%!important}

/* Touch screens retain explicit photo views; desktop uses image hover. */
@media (min-width:750px) and (hover:hover) and (pointer:fine){
 html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-controls{display:none!important;}
}

html body #MainContent#MainContent#MainContent :is(#product-grid,.nicholls-photo-grid) .nicholls-photo-stage .nicholls-model-hover-image.is-model-pending{opacity:0!important;visibility:hidden!important;}