.hfc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px;margin-bottom:36px}.hfc{display:flex;flex-direction:column;min-width:0;color:#231f1a}.hfc a{color:inherit;text-decoration:none}.hfc__media{position:relative;display:block;aspect-ratio:3 / 4;background:#f6efe1;overflow:hidden;border-radius:6px}.hfc__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .5s}.hfc__media .hfc__alt{opacity:0}.hfc:hover .hfc__alt{opacity:1}.hfc:hover .hfc__media img{transform:scale(1.03)}.hfc__badge{position:absolute;top:10px;left:10px;z-index:2;background:#3b2a1a;color:#fff;font-size:12px;font-weight:600;padding:5px 9px;border-radius:5px}.hfc__sold{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#000000a6;color:#fff;text-align:center;font-size:12px;letter-spacing:.12em;padding:8px}.hfc__form{margin:0;padding-top:12px}.hfc__row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hfc__price{display:block;font-size:18px;font-weight:700;color:#3b2a1a;line-height:1.2}.hfc__was{display:block;font-size:13px;color:#7a7166;text-decoration:line-through;margin-top:3px}.hfc__add{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #ddd5c6;background:#fff;color:#231f1a;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,color .2s,border-color .2s}.hfc__add:hover{background:#b8893a;border-color:#b8893a;color:#fff}.hfc__add[disabled]{opacity:.4;cursor:not-allowed;background:#fff;color:#231f1a;border-color:#ddd5c6}.hfc__name{display:block;margin-top:6px;font-size:14px;color:#4a4238;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hfc__opt{width:100%;margin-top:8px;padding:8px;border:1px solid #ece5d8;background:#fff;color:#231f1a;font-size:13px;border-radius:4px}@media(max-width:1000px){.hfc-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.hfc-grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.hfc__price{font-size:16px}.hfc__add{width:40px;height:40px}.hfc__name{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hf-card.css.map */