.tk-hh-cards{--hh-accent: var(--md-accent, var(--color-foreground));display:block;width:100%;margin-block:var(--hh-mt, 0) var(--hh-mb, 0)}.tk-hh-cards .tk-hh-cards__form{display:grid;gap:18px}.tk-hh-cards .tk-hh-cards__option{min-width:0;margin:0;padding:0;border:0}.tk-hh-cards .tk-hh-cards__divider{display:flex;align-items:center;gap:14px;margin:2px 0 -2px;font-family:var(--font-heading--family, inherit);font-weight:var(--font-heading--weight, 400);font-size:15px;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.tk-hh-cards .tk-hh-cards__divider:before,.tk-hh-cards .tk-hh-cards__divider:after{content:"";flex:1;height:1.5px;background:var(--hh-accent)}.tk-hh-cards .tk-hh-cards__divider--upper{text-transform:uppercase}.tk-hh-cards .tk-hh-cards__list{display:grid;gap:var(--hh-gap);padding-top:6px}.tk-hh-cards .tk-hh-cards__card{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:96px;padding:16px 20px 16px 18px;border:2px solid var(--hh-line);border-radius:var(--hh-radius);background:var(--hh-card-bg);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.tk-hh-cards .tk-hh-cards__card:hover{border-color:color-mix(in srgb,var(--hh-accent) 55%,var(--hh-line))}.tk-hh-cards .tk-hh-cards__card:has(.tk-hh-cards__input:checked){border-color:var(--hh-accent);background:var(--hh-card-sel)}.tk-hh-cards .tk-hh-cards__card:has(.tk-hh-cards__input:focus-visible){outline:2px solid var(--hh-accent);outline-offset:3px}.tk-hh-cards .tk-hh-cards__card--unavailable .tk-hh-cards__media,.tk-hh-cards .tk-hh-cards__card--unavailable .tk-hh-cards__text,.tk-hh-cards .tk-hh-cards__card--unavailable .tk-hh-cards__price{opacity:.55}.tk-hh-cards .tk-hh-cards__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.tk-hh-cards .tk-hh-cards__radio{display:block;width:16px;height:16px;border:1.5px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:50%;background:var(--hh-card-bg);transition:border-color .15s ease,box-shadow .15s ease}.tk-hh-cards .tk-hh-cards__card:has(.tk-hh-cards__input:checked) .tk-hh-cards__radio{border-color:var(--hh-accent);box-shadow:inset 0 0 0 3px var(--hh-card-bg),inset 0 0 0 8px var(--hh-accent)}.tk-hh-cards .tk-hh-cards__media{display:block;width:var(--hh-thumb);height:var(--hh-thumb);overflow:hidden;border-radius:6px;background:color-mix(in srgb,currentColor 5%,transparent)}.tk-hh-cards .tk-hh-cards__img{display:block;width:100%;height:100%;object-fit:cover}.tk-hh-cards .tk-hh-cards__text{display:grid;gap:3px;min-width:0}.tk-hh-cards .tk-hh-cards__title{font-size:17px;font-weight:700;line-height:1.25;letter-spacing:.01em}.tk-hh-cards .tk-hh-cards__sub{font-size:14px;line-height:1.35;letter-spacing:.02em}.tk-hh-cards .tk-hh-cards__note{justify-self:start;margin-top:3px;padding:2px 8px;border:1px solid var(--hh-accent);border-radius:4px;color:var(--hh-accent);font-size:12px;line-height:1.35;letter-spacing:.02em}.tk-hh-cards .tk-hh-cards__price{display:grid;justify-items:end;gap:2px;text-align:end}.tk-hh-cards .tk-hh-cards__amount{color:var(--hh-accent);font-size:17px;font-weight:700;line-height:1.2;white-space:nowrap}.tk-hh-cards .tk-hh-cards__compare{font-size:14px;opacity:.75}.tk-hh-cards .tk-hh-cards__soldout{grid-column:3 / -1;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tk-hh-cards .tk-hh-cards__badge{position:absolute;top:-13px;right:-8px;padding:3px 10px 2px;color:var(--hh-on-accent);background:var(--hh-accent);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.tk-hh-cards.tk-hh-cards--badge-ribbon .tk-hh-cards__badge{border-radius:2px;transform:rotate(1.5deg);box-shadow:0 1px 2px #0000001f}.tk-hh-cards.tk-hh-cards--badge-pill .tk-hh-cards__badge{right:16px;border-radius:999px;font-size:12px}.tk-hh-cards .tk-hh-cards__legend{display:block;margin-block-end:10px;padding:0;font-size:15px;font-weight:700}.tk-hh-cards .tk-hh-cards__selected{font-weight:400}.tk-hh-cards .tk-hh-cards__values{display:flex;flex-wrap:wrap;gap:12px}.tk-hh-cards .tk-hh-cards__value{position:relative;display:inline-grid;place-items:center;cursor:pointer}.tk-hh-cards .tk-hh-cards__value:has(.tk-hh-cards__input:focus-visible){outline:2px solid var(--hh-accent);outline-offset:3px;border-radius:999px}.tk-hh-cards .tk-hh-cards__value--unavailable{opacity:.45}.tk-hh-cards .tk-hh-cards__option--swatches .tk-hh-cards__value{width:calc(var(--hh-swatch) + 8px);height:calc(var(--hh-swatch) + 8px);border:1.5px solid transparent;border-radius:50%;transition:border-color .15s ease}.tk-hh-cards .tk-hh-cards__option--swatches .tk-hh-cards__value:hover{border-color:var(--hh-line)}.tk-hh-cards .tk-hh-cards__option--swatches .tk-hh-cards__value:has(.tk-hh-cards__input:checked){border-color:var(--hh-accent)}.tk-hh-cards .tk-hh-cards__swatch{display:block;width:var(--hh-swatch);height:var(--hh-swatch);border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001f}.tk-hh-cards .tk-hh-cards__option--buttons .tk-hh-cards__value{min-width:48px;min-height:44px;padding:6px 16px;border:1.5px solid var(--hh-line);border-radius:8px;background:var(--hh-card-bg);font-size:14px}.tk-hh-cards .tk-hh-cards__option--buttons .tk-hh-cards__value:has(.tk-hh-cards__input:checked){border-color:var(--hh-accent);background:var(--hh-card-sel)}.tk-hh-cards .tk-hh-cards__option--buttons .tk-hh-cards__value--unavailable .tk-hh-cards__button-text{text-decoration:line-through}@media screen and (max-width:749px){.tk-hh-cards .tk-hh-cards__card{gap:12px;min-height:88px;padding:14px 14px 14px 16px}.tk-hh-cards .tk-hh-cards__media{width:calc(var(--hh-thumb) - 4px);height:calc(var(--hh-thumb) - 4px)}.tk-hh-cards .tk-hh-cards__title,.tk-hh-cards .tk-hh-cards__amount{font-size:16px}.tk-hh-cards .tk-hh-cards__sub{font-size:13px}.tk-hh-cards .tk-hh-cards__note{margin-top:1px;padding:0;border:0;font-size:12px;font-weight:600}.tk-hh-cards .tk-hh-cards__badge{top:-12px;right:-4px;font-size:13px}}@media(prefers-reduced-motion:reduce){.tk-hh-cards .tk-hh-cards__card,.tk-hh-cards .tk-hh-cards__radio,.tk-hh-cards .tk-hh-cards__value{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/tk-hh-p-style-cards.css.map */