.yhp-card{flex:0 0 var(--yojo-card-w, 190px);min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;position:relative}.yhp-card[hidden]{display:none}@media(max-width:1024px){.yhp-card{flex-basis:calc((100% - 48px)/4.4)}}@media(max-width:640px){.yhp-card{flex-basis:calc((100% - var(--y-rail-gap, 10px) * 2.2152) / 2.2152)}}@media(max-width:430px){.yhp-card{--y-card-text-block: var(--y-card-text-block-mobile, 69px)}}@media(min-width:431px)and (max-width:1280px){.yhp-card{--y-card-text-block: var(--y-card-text-block-mid, 82px)}}@media(min-width:1281px){.yhp-card{--y-card-text-block: var(--y-card-text-block-wide, 69px);flex-basis:var(--yojo-card-w-wide, 186.66px)}}.yhp-media-wrap{position:relative;display:block}.yhp-media{position:relative;display:block;height:var(--y-card-img-h, 186px);background:var(--y-tile, #f2f1ef);border-radius:var(--y-r, 8px);overflow:hidden}.yhp-media img{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}@media(max-width:430px){.yhp-media{height:160px}}.yhp-noimage{position:absolute;top:14%;right:14%;bottom:14%;left:14%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--y-sub, #5B5E52);letter-spacing:.04em}.yhp-badge{position:absolute;top:9px;right:11px;font-size:9.5px;font-weight:600;letter-spacing:.09em;color:var(--y-ink, #141810)}.yhp-qaform{display:contents}.yhp-qa{position:absolute;bottom:0;left:0;width:44px;height:44px;border:none;border-radius:0;background:transparent;color:var(--y-ink, #141810);font-size:22px;font-weight:400;line-height:1;cursor:pointer;padding:0;transition:color var(--yojo-dur-quick, .18s) var(--yojo-ease, ease),transform var(--yojo-dur-quick, .18s) var(--yojo-ease, ease);display:grid;place-items:center;text-decoration:none}.yhp-qa:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;border:1px solid currentColor;opacity:.35;pointer-events:none}.yhp-qa:hover{color:#000;transform:scale(1.15)}.yhp-qa:focus-visible{outline:2px solid var(--y-ink, #141810);outline-offset:2px}.yhp-qa--age{font-size:12px;font-weight:600;letter-spacing:.02em;direction:ltr}.yhp-qa.is-added{color:#3d7a46;transform:scale(1.15)}@media(prefers-reduced-motion:no-preference){.yhp-qa.is-added{animation:yhp-qa-pulse .32s var(--yojo-ease-spring, cubic-bezier(.34,1.56,.64,1)) 1}@keyframes yhp-qa-pulse{0%{transform:scale(1)}55%{transform:scale(1.22)}to{transform:scale(1.15)}}}.yhp-qa.working{opacity:.4;pointer-events:none}.yhp-text{display:flex;flex-direction:column;min-height:var(--y-card-text-block, 60px)}.yhp-vendor{font-size:11px;color:var(--y-sub, #5B5E52);letter-spacing:.03em;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yhp-name{font-size:13px;font-weight:600;line-height:18px;color:var(--y-ink, #141810);text-decoration:none;display:block;position:relative}.yhp-name__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.yhp-name:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.yhp-price{font-size:13px;line-height:18px;color:var(--y-ink, #141810);font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.yhp-price i{font-style:normal;display:block;color:var(--y-sub, #5B5E52);font-size:10.5px;line-height:14px}.yhp-price del{color:var(--y-sub, #5B5E52);opacity:1;font-size:11px;margin-inline-start:4px}.yhp-text--no-vendor .yhp-name{margin-top:8px}.yojo-card--sold-out .yhp-media img{opacity:.8}.yojo-card--sold-out .yhp-badge{color:var(--color-error, #b83838)}.yojo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--yojo-card-w, 176px),1fr));gap:var(--yojo-card-gap, 12px)}@media(max-width:767px){.yojo-grid{grid-template-columns:repeat(2,1fr);gap:var(--yojo-card-gap, 12px)}}.yojo-grid--static .yojo-card{opacity:1;transform:none}@media(max-width:640px){.yhp-card--solo.yhp-card--solo{grid-column:1 / -1;flex-basis:100%;display:grid;grid-template-columns:148px minmax(0,1fr);column-gap:14px;align-items:center}.yhp-card--solo .yhp-media{height:132px}.yhp-card--solo .yhp-text,.yhp-card--solo .yhp-name__text{min-height:0}.yhp-card--solo .yhp-vendor{margin-top:0}.yojo-grid__group+.yhp-card--solo{margin-top:-2px}.yrail--solo .yrail__scroller{grid-auto-columns:100%;overflow-x:visible}}@media(max-width:430px),(min-width:1281px){.yhp-vendor{margin-bottom:0}.yhp-price{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yojo-card.css.map */