.tcard{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;box-sizing:border-box;background-color:var(--tcard-bg, transparent);border:var(--tcard-border-width, 0) solid var(--tcard-border-color, #c4c4c4)}.tcard__media{position:relative;display:block;width:100%;padding-top:calc(100% / var(--tcard-ratio, 1));overflow:hidden;border-radius:var(--tcard-media-radius, 0);background-color:var(--tcard-media-bg, #dcdcdc)}.tcard__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tcard__media img.tcard__img--hover{opacity:0;transition:opacity .25s ease}@media(hover:hover){.tcard:hover .tcard__media img.tcard__img--hover{opacity:1}}.tcard__badge{position:absolute;top:var(--tcard-badge-offset, 14px);left:var(--tcard-badge-offset, 14px);z-index:2;display:inline-flex;align-items:center;box-sizing:border-box;min-height:var(--tcard-badge-height, 25px);padding-inline:var(--tcard-badge-padding, 12px);background-color:var(--tcard-badge-bg, #ffffff);border:var(--tcard-badge-border-width, 1px) solid var(--tcard-badge-border-color, #000000);color:var(--tcard-badge-color, #000000);font-family:var(--tyo-body);font-weight:400;font-size:var(--tcard-badge-size, 1.07rem);letter-spacing:var(--tcard-badge-spacing, .17rem);line-height:1.25;text-transform:uppercase;white-space:nowrap}.tcard__buy{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;aspect-ratio:var(--tcard-ratio, 1);padding:0 var(--tcard-add-inset, 12px) var(--tcard-add-bottom, 10px);pointer-events:none}tyoh-card-add{display:contents}.tcard__add-text{white-space:nowrap}.tcard__add{pointer-events:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-width:min(100%,var(--tcard-add-minw, 152px));min-height:var(--tcard-add-height, 44px);padding:0 var(--tcard-add-pad, 22px);border-radius:calc(var(--tcard-add-height, 44px) * var(--tcard-add-roundness, .34));border:1px solid var(--tcard-add-border-color, #e6d8cb);background-color:var(--tcard-add-bg, #fff8f1);color:var(--tcard-add-color, #2e1c11);font-family:var(--tcard-add-font, var(--tyo-body));font-weight:var(--tcard-add-weight, 600);font-size:var(--tcard-add-size, 1.3rem);letter-spacing:var(--tcard-add-spacing, .1rem);line-height:1.2;text-transform:uppercase;text-decoration:none;box-shadow:var(--tcard-add-shadow, 0 1px 2px rgba(46, 28, 17, .1), 0 6px 18px rgba(46, 28, 17, .14));cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,translate .25s ease}@media(hover:hover){.tcard__add:hover{background-color:var(--tcard-add-hover-bg, #2e1c11);color:var(--tcard-add-hover-color, #fff8f1);border-color:var(--tcard-add-hover-bg, #2e1c11);translate:0 -2px;box-shadow:var(--tcard-add-shadow-hover, 0 2px 4px rgba(46, 28, 17, .14), 0 10px 26px rgba(46, 28, 17, .26))}}.tcard__add:focus-visible{outline:2px solid var(--tcard-add-hover-bg, #2e1c11);outline-offset:3px}@media screen and (max-width:989px){.tcard__add{min-width:min(100%,var(--tcard-add-minw-mobile, 104px));min-height:var(--tcard-add-height-mobile, 34px);padding-inline:clamp(9px,3.6vw,var(--tcard-add-pad-mobile, 14px));font-size:clamp(.95rem,2.6vw,var(--tcard-add-size-mobile, 1.05rem));letter-spacing:clamp(.03rem,.35vw,var(--tcard-add-spacing, .1rem));border-radius:calc(var(--tcard-add-height-mobile, 34px) * var(--tcard-add-roundness, .34))}.tcard__buy{padding-bottom:var(--tcard-add-bottom-mobile, 10px)}}@supports (container-type: inline-size){.tcard{container-type:inline-size}.tcard__buy{padding-bottom:var(--tcard-add-bottom-fluid, clamp(10px, calc(10px + 10 * (100cqw - 175px) / 225), 20px))}.tcard__add{min-width:min(100%,var(--tcard-add-minw-fluid, clamp(104px, calc(104px + .56*(100cqw - 175px)) , 230px)));min-height:var(--tcard-add-height-fluid, clamp(34px, calc(34px + 20 * (100cqw - 175px) / 225), 54px));padding-inline:var(--tcard-add-pad-fluid, clamp(14px, calc(14px + 14 * (100cqw - 175px) / 225), 28px));font-size:var(--tcard-add-size-fluid, clamp(10.5px, calc(10.5px + .02*(100cqw - 175px)) , 15px));border-radius:calc(var(--tcard-add-height-fluid, clamp(34px, calc(34px + 20 * (100cqw - 175px) / 225), 54px)) * var(--tcard-add-roundness, .34))}}.tcard__add--soldout{background-color:var(--tcard-soldout-bg, #f0e9e1);color:var(--tcard-soldout-color, #8a7466);border-color:var(--tcard-soldout-border-color, #e6d8cb);box-shadow:none;cursor:default}@media(hover:hover){.tcard__add--soldout:hover{background-color:var(--tcard-soldout-bg, #f0e9e1);color:var(--tcard-soldout-color, #8a7466);border-color:var(--tcard-soldout-border-color, #e6d8cb);translate:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.tcard__media img.tcard__img--hover,.tcard__add{transition:none}.tcard__add:hover{translate:none}}.tcard__add .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.tcard__add .loading__spinner .spinner{width:var(--tcard-spinner-size, 1.8rem);height:var(--tcard-spinner-size, 1.8rem)}.tcard__add .loading__spinner .path{stroke:currentColor}.tcard__add.is-loading .tcard__add-text,.tcard__add.loading .tcard__add-text{visibility:hidden}.tcard__body{display:flex;flex-direction:column;flex:0 0 auto;min-width:0;padding:var(--tcard-body-padding-top, 16px) var(--tcard-body-padding, 0) var(--tcard-body-padding-bottom, 0)}.tcard__title,.tcard__subtitle,.tcard__price{margin:0;min-width:0}.tcard__title{font-family:var(--tyo-heading);font-weight:var(--tcard-title-weight, 400);font-size:var(--tcard-title-size, 2rem);line-height:var(--tcard-title-line-height, 1.21);letter-spacing:var(--tcard-title-tracking, -.03em);color:var(--tcard-title-color, #000000);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--tcard-title-lines, 2);line-clamp:var(--tcard-title-lines, 2);overflow:hidden}.tcard__title a{color:inherit;text-decoration:none}.tcard__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tcard__subtitle{margin-top:var(--tcard-subtitle-gap, 6px);font-family:var(--tyo-body);font-weight:var(--tcard-subtitle-weight, 300);font-size:var(--tcard-subtitle-size, 1.6rem);line-height:1.25;letter-spacing:var(--tcard-subtitle-tracking, -.03em);color:var(--tcard-subtitle-color, #8f8f8f)}.tcard__row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--tcard-price-inner-gap, 9px);padding-top:var(--tcard-price-gap, 16px)}.tcard__row .tcard__meta,.tcard__row .tcard__reviews{flex:0 0 100%;margin-top:var(--tcard-swatch-row-gap, 7px)}.tcard__prices{display:flex;flex:1 1 auto;align-items:center;flex-wrap:nowrap;gap:var(--tcard-price-outer-gap, 10px);min-width:0}@media screen and (max-width:989px){.tcard__prices{gap:var(--tcard-price-outer-gap-mobile, var(--tcard-price-outer-gap, 10px));flex-wrap:wrap;row-gap:2px}}.tcard__price{display:flex;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;gap:var(--tcard-price-inner-gap, 6px);font-family:var(--tyo-body);line-height:1.25}.tcard__price-current{font-weight:var(--tcard-price-weight, 600);font-size:var(--tcard-price-size, 1.6rem);line-height:var(--tcard-price-leading, 2rem);letter-spacing:-.03em;color:var(--tcard-price-color, #000000)}.tcard__price-compare{font-weight:400;font-size:var(--tcard-compare-size, 1.2rem);line-height:var(--tcard-price-leading, 2rem);letter-spacing:-.03em;color:var(--tcard-compare-color, #b5b5b5);text-decoration:line-through;text-decoration-skip-ink:none}@media screen and (min-width:750px){.tcard{--tcard-price-size: 2rem;--tcard-price-weight: 500;--tcard-compare-size: 1.5rem;--tcard-save-size: 1.8rem;--tcard-price-inner-gap: 8px;--tcard-price-outer-gap: 10px}}.tcard__meta{display:flex;align-items:center;flex-shrink:0;gap:var(--tcard-swatch-gap, 5px);position:relative;z-index:2}.tcard__swatch{display:block;width:var(--tcard-swatch-size, 32px);height:var(--tcard-swatch-size, 32px);box-sizing:border-box;border-radius:50%;border:var(--tcard-swatch-border-width, 0) solid var(--tcard-swatch-border-color, #b5b5b5);background-color:var(--tcard-swatch-fallback, #dcdcdc);background-size:cover;background-position:center}.tcard__swatch--first{border-color:var(--tcard-swatch-border-active, #000000)}.tcard__swatch-more{font-family:var(--tyo-body);font-size:var(--tcard-subtitle-size, 1.4rem);color:var(--tcard-subtitle-color, #8f8f8f)}.tcard__reviews{display:inline-flex;align-items:center;gap:4px;font-family:var(--tyo-body);font-size:var(--tcard-subtitle-size, 1.4rem);color:var(--tcard-subtitle-color, #8f8f8f);white-space:nowrap}.tcard__stars{letter-spacing:1px;color:var(--tcard-star-color, #000000)}.tcard__giftbox{position:absolute;right:var(--tcard-giftbox-inset, 14px);bottom:var(--tcard-giftbox-inset, 14px);z-index:2;display:block;width:var(--tcard-giftbox-width, 84px);max-width:38%}.tcard__giftbox--top{top:17px;left:17px;right:auto;bottom:auto;width:calc(var(--tcard-giftbox-width, 84px) + 36px);max-width:42%}.tcard__giftbox .tcard__giftbox-img{position:static;inset:auto;display:block;width:100%;height:auto;object-fit:fill}.tcard__save{margin:0;white-space:nowrap;font-weight:600;font-size:var(--tcard-save-size, 1.4rem);line-height:var(--tcard-price-leading, 2rem);letter-spacing:-.03em;color:var(--tcard-save-color, #cb3140)}@container (max-width: 359px){.tcard__badge{min-height:var(--tcard-badge-height-narrow, 20px);padding-inline:8px;font-size:.95rem;letter-spacing:.06rem;max-width:calc(100% - var(--tcard-badge-offset, 14px) - 44px)}}@media screen and (max-width:989px){.tcard .tcard__media>[class*=wishlist]{top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;margin:0!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-card-tyohaar.css.map */