.joh-home-product-grid{padding:32px 30px}.joh-home-product-grid__inner{width:100%}.joh-home-product-grid__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.joh-home-product-grid__title{margin:0;font-size:clamp(32px,4vw,56px);line-height:1.1}.joh-home-product-grid__view-all{text-decoration:none;color:inherit;font-size:14px}.joh-home-product-grid__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.joh-home-product-grid__item{min-width:0}.joh-home-product-grid__empty{padding:24px 0}.joh-product-card{display:flex;flex-direction:column;gap:12px}.joh-product-card__header,.joh-product-card__media{position:relative}.joh-product-card__media-link{display:block;text-decoration:none;color:inherit}.joh-product-card__images{position:relative;overflow:hidden;background:#f6f6f6;aspect-ratio:4 / 5}.joh-product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.joh-product-card__image--primary{opacity:1;transition:opacity .28s ease;z-index:1}.joh-product-card__image--secondary{opacity:0;transition:opacity .28s ease;z-index:2}.joh-product-card__media-link:hover .joh-product-card__image--secondary{opacity:1}.joh-product-card__media-link:hover .joh-product-card__image--primary{opacity:0}.joh-product-card__img{width:100%;height:100%;object-fit:cover;display:block}.joh-product-card__badge{position:absolute;top:12px;left:12px;z-index:5;padding:6px 10px;background:#fff;color:#111;font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;border-radius:20px}.joh-product-card__body{display:flex;flex-direction:column;gap:8px}.joh-product-card__title{text-decoration:none;color:inherit;font-size:15px;line-height:1.35}.joh-product-card__price{font-size:14px;line-height:1.2}.joh-product-card__footer{margin-top:auto}.joh-product-card__colors{display:flex;align-items:center;gap:8px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.joh-product-card__color-item{display:flex}.joh-product-card__color-button{border:0;background:transparent;padding:0;cursor:pointer;line-height:0;border-radius:999px;position:relative}.joh-product-card__color-button:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid transparent;border-radius:999px;transition:border-color .2s ease}.joh-product-card__color-button.is-active:after{border-color:#111}.joh-product-card__color-button:focus-visible:after,.joh-product-card__color-button:hover:after{border-color:#666}.joh-product-card__color-swatch{display:block;width:20px;height:20px;border-radius:999px;overflow:hidden;background:#eee}.joh-product-card__color-thumb{width:100%;height:100%;object-fit:cover;display:block}.joh-product-card__color-fallback{width:30px;height:30px;border-radius:999px;background:#ddd;color:#111;display:inline-flex;align-items:center;justify-content:center;font-size:12px;text-transform:uppercase}@media screen and (max-width:989px){.joh-home-product-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.joh-home-product-grid{padding:24px 20px}.joh-home-product-grid__header{margin-bottom:16px}.joh-home-product-grid__title{font-size:clamp(32px,4vw,56px)}.joh-home-product-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.joh-product-card__badge{top:10px;left:10px;font-size:10px;padding:5px 8px}.joh-product-card__color-swatch,.joh-product-card__color-fallback{width:26px;height:26px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/joh-product-card.css.map */