.yhpc{background:#fff;border-radius:8px;padding:15px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;position:relative;box-shadow:0 2px 10px #0000000a;transition:transform .3s,box-shadow .3s}.yhpc:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a}.yhpc__badge{position:absolute;top:12px;left:12px;z-index:2;background:#cf291d;color:#fff;font-size:10px;font-weight:800;padding:3px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.03em}.yhpc__image{width:100%;aspect-ratio:1;max-height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;padding:8px;box-sizing:border-box}.yhpc__image img{max-width:100%;max-height:100%;object-fit:contain}.yhpc__title{font-size:14px;font-weight:700;text-align:center;color:#1d1d1d;text-decoration:none;line-height:1.4;margin-bottom:8px;min-height:4.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.yhpc__title:hover{color:#ff701f}.yhpc__rating{color:#f8ce0b;font-size:12px;text-align:center;margin-bottom:6px;letter-spacing:2px}.yhpc__price-row{text-align:center;margin-bottom:4px}.yhpc__price{font-size:20px;font-weight:800;color:#1d1d1d}.yhpc__cmp{font-size:13px;color:#999;text-decoration:line-through;margin-left:6px}.yhpc__stock{font-size:12px;font-weight:700;text-align:center;margin-bottom:12px}.yhpc__stock--in{color:#2d8a28}.yhpc__stock--out{color:#cf291d}.yhpc__footer{margin-top:auto;display:flex;gap:8px;align-items:center}.yhpc__atc{flex:1;height:38px;background:#ff701f;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:background .2s}.yhpc__atc:hover{background:#1d1d1d}.yhpc__qty{display:flex;align-items:stretch;background:#e5e5e5;border-radius:4px;height:38px;width:102px;overflow:hidden}.yhpc__qty-btn{width:34px;flex:0 0 34px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:1.2rem;padding:0;color:#1d1d1d}.yhpc__qty-btn svg{width:12px;height:12px}.yhpc__qty-input{width:34px;flex:0 0 34px;border:none;background:none;text-align:center;font-size:14px;font-weight:700;padding:0;margin:0;-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.yhpc__qty-input::-webkit-outer-spin-button,.yhpc__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.yhpc__notify{width:100%;height:38px;display:flex;align-items:center;justify-content:center;background:#1d1d1d;color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;text-decoration:none}@media(max-width:749px){.yhpc{padding:10px}.yhpc__image{height:140px;aspect-ratio:auto;max-height:none;margin-bottom:8px;padding:4px}.yhpc__title{font-size:12px;min-height:2.6em;-webkit-line-clamp:2;margin-bottom:6px}.yhpc__rating{margin-bottom:4px}.yhpc__price{font-size:16px}.yhpc__price-row{margin-bottom:2px}.yhpc__stock{margin-bottom:8px}.yhpc__atc{font-size:9px;height:32px}.yhpc__qty{width:80px;height:32px}.yhpc__qty-btn{width:24px;flex:0 0 24px}.yhpc__qty-input{width:32px;flex:0 0 32px;font-size:11px}}.yhpc__hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;padding:2.4rem 2rem 2rem;border-radius:8px;background:#0c2040;color:#fff;opacity:0;visibility:hidden;transform:translateY(8px);overflow:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.yhpc:hover .yhpc__hover,.yhpc:focus-within .yhpc__hover{opacity:1;visibility:visible;transform:translateY(0)}.yhpc__hover-content{flex:1 1 auto;min-height:0;overflow:hidden}.yhpc__hover-excerpt{display:-webkit-box;margin:0;color:#ffffffe6;font-size:1.4rem;line-height:1.55;overflow:hidden;-webkit-line-clamp:11;-webkit-box-orient:vertical}.yhpc__hover-price{flex:0 0 auto;margin:1.2rem 0;color:#fff;font-size:1.8rem;font-weight:700;text-align:center}.yhpc__view{display:flex;flex:0 0 auto;min-height:4.8rem;align-items:center;justify-content:center;padding:1rem 1.6rem;border-radius:8px;background:#ff701f;color:#fff;font-size:1.3rem;font-weight:800;text-decoration:none;text-transform:uppercase}.yhpc__view:hover,.yhpc__view:focus-visible{background:#1d1d1d;color:#fff}.yhpc{position:relative;overflow:hidden}.yhpc__hover{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;margin:0!important}
/*# sourceMappingURL=/cdn/shop/t/32/assets/godiag-card.css.map */
