.hat-product-grid-container .hat-collection{position:relative}.hat-product-grid-container .hat-collection.loading .loading-overlay{display:block}.hat-product-grid-container .hat-collection .loading-overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;opacity:.7}.hat-product-grid-container .hat-collection .title-wrapper .title{line-height:1.6}.hat-product-grid-container .hat-collection .title-wrapper .title a{font-size:90%;color:currentColor;display:inline-block;margin-top:1ex}.hat-product-grid-container .hat-collection .title-wrapper .title a:hover{text-decoration:none}.hat-product-grid-container ul{display:grid;padding:0;margin:0;gap:8px}.hat-product-grid-container ul:empty{display:none !important}.hat-product-grid-container ul>li{list-style:none}@media screen and (max-width: 749px){.hat-product-grid-container .hat-collection .title-wrapper .title{font-size:1.7rem}.hat-product-grid-container ul{gap:16px 8px}.hat-product-grid-container ul.sp_grid1{grid-template-columns:1fr}.hat-product-grid-container ul.sp_grid2{grid-template-columns:repeat(2, 1fr)}.hat-product-grid-container ul.sp_grid3{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 750px){.hat-product-grid-container ul{gap:28px 8px}.hat-product-grid-container ul.grid4{grid-template-columns:repeat(4, 1fr)}.hat-product-grid-container ul.grid5{grid-template-columns:repeat(5, 1fr)}.hat-product-grid-container ul.grid6{grid-template-columns:repeat(6, 1fr)}}