#MainContent product-info .phc-bonnet-swatches{width:100%;max-width:none;min-width:0;font-family:var(--font-body-family)}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatches__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.8rem!important;max-height:none!important;overflow:visible!important}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatches__section{overflow:visible;max-height:none}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatch{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:11.2rem!important;align-self:stretch;margin:0!important;padding:.6rem .3rem!important;gap:.5rem;border:2px solid transparent;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatch__image{position:relative;display:block;flex:none;width:min(100%,6.4rem)!important;height:auto!important;aspect-ratio:1;margin:0 auto;overflow:hidden}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatch__image img{display:block;width:100%;height:100%;object-fit:cover}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatch__image--product{background:#fff}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatch__image--product img{object-fit:contain}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatch__name{display:block;width:100%;min-height:3rem;margin:0;overflow:visible;font-family:var(--font-body-family)!important;font-size:1.2rem!important;font-weight:400;line-height:1.25;text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;-webkit-line-clamp:unset}
#MainContent product-info .phc-bonnet-swatches input:checked+.phc-fabric-swatch{border-color:rgb(var(--color-button))!important;box-shadow:0 0 0 .1rem rgb(var(--color-button)) inset}
#MainContent product-info .phc-bonnet-swatches input:focus-visible+.phc-fabric-swatch{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}
#MainContent product-info .phc-bonnet-swatches .phc-fabric-swatch__fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:2rem;color:rgb(var(--color-foreground))}
#MainContent product-info .phc-bonnet-swatches .phc-landing-soldout-colors{margin-top:1.2rem}
#MainContent product-info .phc-bonnet-swatches .phc-landing-soldout-colors summary{display:flex;align-items:center;min-height:4.8rem;font-family:var(--font-body-family);font-size:1.3rem;cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}
#MainContent product-info .phc-bonnet-swatches .phc-landing-soldout-colors summary::after{content:'+';margin-left:auto;padding-left:1rem;font-size:1.8rem}
#MainContent product-info .phc-bonnet-swatches .phc-landing-soldout-colors[open] summary::after{content:'−'}