.hb-cards__cell{display:flex;min-width:0}.hb-cards .grid__item,.hb-cards__cell>*>*{width:100%;min-width:0;max-width:none;margin:0;padding:0;float:none}.hb-cards .hb-comic-card{--hb-card-slant: 12px;--hb-card-line: 2px;position:relative;display:flex;flex-direction:column;width:100%;height:100%;container-type:inline-size}.hb-cards .hb-comic-card .hb-comic__top,.hb-cards .hb-comic-card .hb-comic__bottom{transition:background-color var(--hb-dur-ui) var(--hb-ease)}.hb-cards .hb-comic-card:hover .hb-comic__top,.hb-cards .hb-comic-card:hover .hb-comic__bottom,.hb-cards .hb-comic-card:focus-within .hb-comic__top,.hb-cards .hb-comic-card:focus-within .hb-comic__bottom{background:var(--hb-gold)}.hb-cards .hb-comic-card{--hb-clip: polygon(0 0, 100% 0, 100% calc(100% - var(--hb-card-slant)), 0 100%);--hb-clip-bot: polygon(0 var(--hb-card-slant), 100% 0, 100% 100%, 0 100%)}.hb-cards .hb-comic-card[data-dir=l]{--hb-clip: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--hb-card-slant)));--hb-clip-bot: polygon(0 0, 100% var(--hb-card-slant), 100% 100%, 0 100%)}.hb-cards .hb-comic-card .hb-comic__top{position:relative;flex:0 0 auto;background:var(--hb-ink);clip-path:var(--hb-clip);aspect-ratio:1 / 1}.hb-cards .hb-comic-card .hb-comic__window{position:absolute;inset:var(--hb-card-line);display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;clip-path:var(--hb-clip);overflow:hidden}.hb-cards .hb-comic-card .hb-comic__window img{width:100%;height:100%;object-fit:contain;transition:transform var(--hb-dur-ui) var(--hb-ease)}.hb-cards .hb-comic-card:hover .hb-comic__window img{transform:scale(1.045)}.hb-cards .hb-comic-card .hb-comic__bottom{display:flex;flex:1 1 auto;margin-top:calc(9px - var(--hb-card-slant));background:var(--hb-ink);clip-path:var(--hb-clip-bot)}.hb-cards .hb-comic-card .hb-comic__copy{display:flex;flex-direction:column;gap:4px;text-align:left;flex:1 1 auto;min-width:0;margin:var(--hb-card-line);padding:calc(var(--hb-card-slant) + 12px) 12px 12px;background:linear-gradient(#f0d07f38,#f0d07f38),#fff;clip-path:var(--hb-clip-bot)}.hb-cards .hb-comic-card .hb-comic__title{margin:0;font-family:var(--hb-font-title);font-size:clamp(15px,6.2cqw,19px);font-weight:var(--hb-title-weight);letter-spacing:.015em;line-height:1.1;text-transform:uppercase;color:var(--hb-ink)}.hb-cards .hb-comic-card .hb-comic__desc{margin:0;font-family:var(--hb-font-ui);font-size:clamp(12px,4cqw,13px);font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;color:#050505d1}.hb-cards .hb-comic-card .hb-comic__price{position:absolute;left:auto;bottom:auto;right:14px;top:14px;z-index:8;display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 28px);min-height:26px;margin:0;padding:4px 10px;background:var(--hb-gold);font-family:var(--hb-font-title);font-size:clamp(14px,5cqw,17px);font-weight:var(--hb-title-weight);letter-spacing:.01em;line-height:1.1;color:var(--hb-on-gold)}.hb-cards .hb-comic-card .grid-product__price--original{margin-right:0;font-size:.82em;opacity:.62;text-decoration:line-through}.hb-cards .hb-comic-card .hb-comic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hb-cards .hb-comic-card .hb-comic__overlay:focus-visible{outline:2px solid var(--hb-gold);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hb-cards.css.map */