.product-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.product-tile{display:flex;flex-direction:column;min-width:0;padding:0;border:0;border-radius:8px;overflow:hidden;text-align:left;text-decoration:none;color:#191919;background:#f1f3f5;cursor:pointer;font:inherit}
.product-tile-media{position:relative;display:block;aspect-ratio:1;width:100%;overflow:hidden;background:#fff}
.product-tile-media>img{display:block;width:100%;height:100%;object-fit:contain}
.product-tile-badge{position:absolute;left:16px;top:16px;background:#ffe600;color:#191919;padding:8px 11px;font-size:11px;font-weight:900;box-shadow:3px 3px 0 #191919;transform:rotate(-4deg)}
.product-tile-copy{display:flex;flex-direction:column;flex:1;gap:12px;padding:22px;width:100%;box-sizing:border-box}
.tile-shirt .product-tile-copy{background:#0049c7;color:#fff}.tile-music .product-tile-copy{background:#ffe600}.tile-bundle .product-tile-copy{background:#f3263b;color:#fff}
.product-tile-category{font-size:11px;font-weight:800;line-height:1.5}
.product-tile-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:34px;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}
.product-tile-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;font-size:14px;font-weight:800;line-height:1.4}
.product-tile-action svg{width:20px;height:20px;flex-shrink:0;transition:transform .15s}.product-tile:hover .product-tile-action svg{transform:translateX(4px)}.product-tile:focus-visible{outline:3px solid #171717;outline-offset:4px}
@media(max-width:900px){.product-tile-title{font-size:27px}.product-tile-copy{padding:16px}}
@media(max-width:640px){.product-line{grid-template-columns:1fr;gap:18px}.product-tile-title{font-size:34px}.product-tile-copy{padding:22px}}
.product-tile{position:relative;display:block;isolation:isolate;aspect-ratio:4/5;background:#0049c7;color:#fff}
.tile-music{background:#ffe600}.tile-bundle{background:#f3263b}
.product-tile-media{position:absolute;inset:0;aspect-ratio:auto;background:none;z-index:-2}
.product-tile-media>img{object-fit:cover;object-position:center top}
.tile-shirt .product-tile-media>img{height:88%}
.tile-music .product-tile-media>img{height:88%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-5deg) scale(1.05)}
.product-tile:after{content:"";position:absolute;inset:35% 0 0;z-index:-1;background:linear-gradient(transparent 0%,#00277bba 48%,#00266bef 100%)}
.tile-music:after{background:linear-gradient(transparent 0%,#502600b3 48%,#2d1000ed 100%)}
.tile-bundle:after{background:linear-gradient(transparent 0%,#8d0013c2 48%,#780010ef 100%)}
.product-tile-copy{position:absolute;inset:auto 0 0;align-items:flex-start;padding:24px}
.product-line .product-tile-copy{background:none;color:#fff}
.product-tile-category{color:#ffe600;text-shadow:1px 1px 2px #0008}
.product-tile-title{font-size:38px;line-height:1.04;text-shadow:3px 3px 0 #111b;transform:rotate(-2deg);transform-origin:left center}
.product-tile-action{display:inline-flex;max-width:100%;padding:10px 13px;margin-top:5px;background:#fff;color:#a70948;box-shadow:3px 3px 0 #191919;font-size:13px;line-height:1.3}
.product-tile:hover .product-tile-action{background:#ffe600}
@media(min-width:641px) and (max-width:1000px){.product-tile{aspect-ratio:3/5}.product-tile-copy{padding:16px;gap:10px}.product-tile-title{font-size:29px}.product-tile-action{font-size:12px;padding:9px}.product-tile-badge{left:12px;top:14px;font-size:10px}}
@media(max-width:640px){.product-tile-title{font-size:36px}.product-tile-copy{padding:22px}}
.product-line{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-tile{aspect-ratio:auto;height:350px}
.tile-shirt .product-tile-media>img{height:100%;object-fit:cover;object-position:65% center}
.tile-shirt{background:#85091a}.tile-shirt:after{background:linear-gradient(transparent 35%,#460414b0 75%,#460414e6)}
.tile-gifts{background:#d31465}.tile-gifts:after{background:linear-gradient(transparent 10%,#790330a0 65%,#790330e6)}
.tile-gifts .product-tile-title{font-family:Impact,'Arial Narrow',sans-serif;font-size:36px}
.tile-shirt .product-tile-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:900;font-size:32px}
.tile-bundle .product-tile-title{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:32px;transform:none}
@media(max-width:640px){.product-line{grid-template-columns:1fr}.product-tile{height:340px}.product-tile-copy{padding:18px}.tile-shirt .product-tile-title,.tile-bundle .product-tile-title{font-size:28px}}
.tile-shirt .product-tile-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:normal;font-weight:900;font-size:34px;line-height:1.22;text-shadow:none;transform:rotate(-2deg);text-transform:uppercase}
.tile-shirt .product-tile-title>span{display:inline-block;background:#e20b2b;color:#fff;padding:2px 8px;margin-bottom:3px;max-width:100%;box-shadow:3px 3px 0 #590415}
@media(min-width:641px) and (max-width:1000px){.tile-shirt .product-tile-title{font-size:25px}}
@media(max-width:640px){.tile-shirt .product-tile-title{font-size:30px}}